Bloc Rogient Il s'agit d'une police sans empattement à la structure géométrique très personnalisée et aux lignes audacieuses, ce qui la rend particulièrement adaptée aux sites web à caractère plus technologique et branché. Si votre site web a besoin de ce type de style dur et moderne, vous pouvez ajouter Rogient Block à la liste des polices de caractères de la WordPress Essayez-le dans.

Cet article est consacré au fonctionnement des polices Rogient Block dans WordPress, y compris le processus complet de téléchargement, d'intégration et d'affichage sur la page.

I. Préparation des fichiers de police

Tout d'abord, vous devez télécharger la police Rogient Block, dont le format général est le suivant .ttf peut-être .otfEt parfois, il y a .woff peut-être .woff2.

Si l'objectif est de charger des polices de caractères sur une page web, il est recommandé d'utiliser l'option .woff peut-être .woff2Ils sont plus petits, se chargent plus rapidement et sont plus conviviaux pour les navigateurs.

Décompressez le fichier téléchargé et rangez-le, vous en aurez besoin plus tard.

Deuxièmement, téléchargez les polices sur le site Web de WordPress

Pour utiliser des polices personnalisées dans WordPress, il est recommandé d'utiliser des plugins. Les plus couramment utilisés sont :

Plugin de polices personnalisées

1. Allez dans Backstage → Plugins → Installer un plugin
2. Recherchez "Polices personnalisées", cliquez sur Installer et activer
3. Une fois installé, allez dans Backstage → Apparence → Polices personnalisées
4. Ajouter une nouvelle police nommée "Rogient Block"
5. Télécharger les fichiers de polices (recommandé) .woff répondre en chantant .woff2)
6. Sauvegarder les paramètres

Vous avez ainsi ajouté avec succès les polices à votre système WordPress.

III. l'utilisation de polices de caractères en rapport avec le thème

Différents thèmes prennent en charge les polices personnalisées de différentes manières, mais tant que vous utilisez un thème tel que AstraBlocksy, GeneratePress,Kadence Les thèmes qui prennent en charge les polices personnalisées pourront appeler la police que vous venez de télécharger directement dans les paramètres du thème.

Prenons l'exemple d'Astra :

• Aller à Backstage → Dashboard → Typographie

• Dans les options de police, recherchez le "Rogient Block" que vous venez d'ajouter.

• Appliquer aux titres, au corps du texte, aux boutons et à d'autres endroits où cela est nécessaire
• Publier Sauvegarder

Si vous utilisez le Elementor ProVous pouvez également sélectionner cette police directement dans les "Paramètres du site → Typographie" d'Elementor.

Quatrièmement, n'utilisez pas de plug-ins, l'introduction directe du code est suffisante.

Si vous ne souhaitez pas utiliser de plugin, vous pouvez également télécharger manuellement les fichiers de polices dans le répertoire du thème, puis passer l'option CSS Introduit. Par exemple :

1. classificateur pour les objets munis d'une poignée .woff2 Le fichier est téléchargé dans le dossier polices/ dossier (papier)
2. Modifier le thème de la style.css Documentation, plus :

@font-face {
  font-family : 'Rogient Block' ;
  src : url('fonts/rogient-block.woff2') format('woff2') ;
  font-weight : normal ;
  font-style : normal ; }
}

3. Spécifiez ensuite les éléments de la page qui doivent utiliser cette police, par exemple :

h1, h2, .site-title {
  font-family : 'Rogient Block', sans-serif ;
}

Une fois la sauvegarde effectuée, rafra?chissez la page pour que la nouvelle police prenne effet.

V. Compatibilité des polices et recommandations de chargement

Les polices Rogient Block, bien que de style unique, ne sont pas prises en charge par défaut sur tous les systèmes.(de la cargaison, etc.) chargementL'approche doit être fiable.

Recommandation :

• Fournit plusieurs formats de polices (par ex. .woff2 répondre en chantant .ttf)
• Plus des polices de caractères alternatives, par exemple :

font-family : 'Rogient Block', 'Arial', sans-serif ;

• Polices préchargées pour un affichage plus rapide (disponibles dans la rubrique En-tête> (Ajouter un lien préchargé)

résumés

Si vous souhaitez utiliser la police Rogient Block sur votre site WordPress, vous pouvez soit la télécharger à l'aide d'un plugin, soit écrire le CSS manuellement pour y parvenir. Configurez-la avec un thème ou un éditeur de page, et elle s'affichera parfaitement sur votre page.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.

? Déclaration de reproduction

Cet article a été rédigé par Little Lin

Lien vers cet article :http://gqxi.cn/fr/55589
L'article est protégé par le droit d'auteur et doit être reproduit avec mention.