Techniques pour avoir des polices fantaisie dans WordPress ?

Cet article essaie de vous aider à comprendre les différentes façons d'appliquer des polices dans votre WordPress.

Nous allons également discuter des différents plugins facilement disponibles que l'on pourrait utiliser s'ils ne sont pas à l'aise avec les codes.

Voici quelques méthodes et astuces pour utiliser des polices sophistiquées dans WordPress et de la typographie dans WordPress :

Cherchez-vous à ajouter des polices de fantaisie sur le site Web WordPress, ces techniques vous aideront.

Que sont les polices Custom Font/Fancy dans WordPress ?

Les polices personnalisées sont un moyen unique d'ajouter une nouvelle police de style sur votre site Web pour attirer davantage vos clients. Les thèmes WordPress sont personnalisés et l'utilisateur a donc besoin d'une nouvelle police selon son choix et sa demande.

Par conséquent, un certain nombre de polices typographiques ont eu lieu. De nombreux thèmes WordPress proposent même un nombre de polices déjà installées.

Avec l'utilisation de l'en-tête des polices, la section du corps, les sous-titres, les navigations et d'autres sections et éléments de conception peuvent être optimisés de manière personnalisée. Vous pouvez personnaliser la police dans l'en-tête de pied de page ou dans n'importe quelle section du site Web.

Il existe différents plugins qui sont utilisés pour intégrer différentes polices sur votre site Web. Avec l'aide du plugin de police, vous pouvez ajouter n'importe quel type de police que vous aimez. Une fois que vous avez activé le plugin de police sur le site Web WordPress, vous pourrez ajuster la taille, le type et le style de la police pour chaque section du site Web.

Différents plugins de police sont répertoriés ci-dessous

1. Polices :

2. Utilisez n'importe quelle police :

3. Polices Google faciles :

4. WP Google Fonts :

5. Meilleure police géniale :

6. Changeur de police MW :

7. Google Fonts pour WordPress :

8. Polices personnalisées :

9. Police géniale :

10. Polices japonaises pour WordPress :

11. Styleguide – Polices et couleurs personnalisées :

12. Resizer de police Zeno :

13. WP Font Awesome :

14. Polices Typekit pour WordPress :

15. Icônes WP SVG :

16. Polices Web arabes :

17. Plugins de polices personnalisées premium pour WordPress :

18. Icônes WP ioniques :

19. FontPress – Gestionnaire de polices WordPress :

20. Téléchargeur de polices :

21. Styler – Icônes, polices et générateur CSS pour WP :

22. Icônes de police de style iOS7 :

23. Embellisseur WooCommerce :

Vous pouvez choisir l'un d'entre eux pour ajouter une nouvelle police de fantaisie sur votre site Web WordPress. Gardez simplement à l'esprit que ne gâchez pas plus de choses au même endroit. Ce sera différent à lire.

Les utilisateurs doivent pouvoir lire facilement le contenu afin que vous puissiez ajouter une police sophistiquée pour mettre en évidence certaines choses. Sinon c'est ton choix.

Différentes méthodes pour ajouter des polices personnalisées dans WordPress

Méthode 1 : Ajouter une police à l'aide du plugin Google Fonts :
Si vous souhaitez utiliser les polices Google sur votre site Web WordPress, cette méthode est la meilleure solution pour un débutant. Comme il est également très facile à utiliser.

Méthode 2 : Ajouter manuellement des polices fantaisie dans WordPress :
Pour ajouter des polices manuellement sur le site WordPress, il vous suffira de copier et coller le code dans le site WordPress.

Méthode 3 : Utiliser Typekit :
Typekit est un autre plugin gratuit pour les polices impressionnantes que vous pouvez utiliser ce type de polices dans votre projet de conception. ils sont payés avec un plan d'abonnement gratuit limité que vous pouvez utiliser.

Méthode 4 : Utilisation de CSS3 @font-face :
La manière directe d'ajouter des polices personnalisées sur le site Web WordPress consiste à utiliser CSS3 @font-face.
avec l'aide de CSS3, vous pouvez ajouter n'importe quel type de police fantaisie que vous souhaitez.

Sur le marché, il existe de nombreuses polices gratuites que vous pouvez utiliser pour votre site Web WordPress. Pour que vous puissiez créer des designs nouveaux et uniques, puis les autres.

1. SIFR :

Le remplacement évolutif du flash Inman, également connu sous le nom de sIFR, utilise une combinaison de javascript et de Flash pour afficher des polices personnalisées sur votre site Web.

Cette technique a été largement utilisée jusqu'à ce que les navigateurs, les smartphones et les tablettes commencent à utiliser javacript et jquery au lieu de Flash et a depuis été abandonnée par son développeur.

sIFR peut également être facilement généré à l'aide du site Web du générateur sIFR où il génère .swf pour n'importe quelle police.

Voici un plugin : http://WordPress.org/plugins/wp-sifr/

Nous suggérons que cette technique a été redondante ces derniers temps et qu'il faut donc éviter de l'utiliser à moins de vouloir utiliser le flash sur son site Web.

2. Cufon :

Cufon utilise le générateur cufon : http://cufon.shoqolate.com/generate/ c'est-à-dire la technique SVG et VML pour rendre et produire un javascript pour n'importe quelle police. En utilisant l'outil générateur de cufon, on peut avoir des polices en gras, clair, italique et tous les autres types de police d'une police dans un seul javascript.

Ensuite, ils doivent utiliser le javascript dans l'en-tête ou le pied de page du thème WordPress pour utiliser les polices cufon.

Si cela semble un peu fastidieux, les plugins suivants peuvent être utiles pour utiliser les polices cufon :

Cufon WP

Cufon tout en un

Avantages : Les avantages de cufon sont que, puisqu'il rend une police sous forme d'image, elle apparaît de la même manière dans tous les navigateurs, y compris les téléphones mobiles.

Inconvénients : il nécessite javascript. Donc, si quelqu'un désactive les scripts sur son navigateur, les polices cufon n'apparaîtront pas.

Un autre plus gros inconvénient est le problème d'utilisation de la licence. Certaines personnes ont tendance à utiliser certaines polices sur leur site Web, puis sont contactées plus tard par les créateurs de polices pour supprimer leurs polices du site Web ou payer pour cela.

3. Techniques CSS :

Les techniques CSS sont probablement les meilleures, mais le seul problème avec les techniques CSS est qu'elles doivent inclure le fichier de police, c'est-à-dire le fichier de police ttf ou otf dans l'en-tête ou le pied de page.

Ainsi, lorsque la police n'est pas utilisée, elle est également chargée dans l'en-tête. Certaines polices ont tous les styles comme les styles gras, italique, plus clair, plus gras et autres. Cela rend donc la police volumineuse. Par conséquent, les inclure dans votre site Web signifie également alourdir votre site.

Ce qui suit montre comment inclure des polices de font face ou font squirrel ou dafont ou tout autre site Web de polices dans votre css :

@fontface{

famille de polices : 'MyWebFont' ;

src : url('WebFont.eot');

src : url('WebFont.eot?iefix') format('eot'),

url('WebFont.woff') format('woff'),

url('WebFont.ttf') format('truetype'),

url('WebFont.svg#webfont') format('svg');

}

La technique ci-dessus montre l'inclusion de polices dans CSS. Vous devez écrire ceci au-dessus de votre style.css

Cependant, cette méthode est encore largement utilisée, en particulier pour les polices de langue où l'on ne peut pas utiliser de polices anglaises et où l'on doit avoir des polices de langue. Les techniques CSS ou la technique de police de caractères consistant à inclure des polices dans CSS sont toujours utilisées.

4. Polices Google

Probablement la meilleure méthode par laquelle on peut utiliser des polices plus sophistiquées sur son site Web. Il s'agit d'une bibliothèque de 632 polices et qui ne cesse de croître.

L'inclusion de polices Google est très simple et peut être effectuée en utilisant soit la méthode d'importation, soit la méthode de lien, soit la méthode javascript. Donc, selon ce qui vous convient le mieux et votre style, vous pouvez utiliser ces polices.

Avantages : C'est vraiment facile et simple et léger car les polices sont chargées à partir des serveurs Google.

Inconvénients : la police doit être chargée et des polices plus lourdes avec plus de styles peuvent réduire la vitesse de la page. De plus, pour les sites Web utilisant d'autres langues, les polices Google ne peuvent pas être utilisées car seules les langues/scripts cyrilliques, grecs, khmers, vietnamiens et latins sont disponibles.

Par conséquent, d'autres langages devront peut-être encore utiliser les techniques CSS pour inclure et importer une police pour leur site Web.

Vous voulez utiliser les polices google à l'aide de plugins en voici quelques-unes :

WP Google Fonts

Typographie Google