Souvent, le code ressemble \u00e0 ceci<\/a><\/strong> :<\/p>\n Et ensuite vous pouvez l’utiliser dans votre feuille de style comme ceci<\/a> :<\/p>\n Mais que se passe-t-il si quelqu’un vous fournit un ensemble de polices qu’il souhaite utiliser dans son projet dans un format de fichier et qui ne sont pas h\u00e9berg\u00e9es sur un type de r\u00e9seau de diffusion de contenu\u00a0?<\/p>\n Tout d’abord, il convient de noter que pour utiliser certaines polices dans vos projets, elles doivent relever d’une licence sp\u00e9cifique. Ce n’est pas le message qui va discuter des diff\u00e9rents types de licences, mais assurez-vous d’avoir l’autorisation pour la police.<\/p>\n Deuxi\u00e8mement, notez qu’il existe diff\u00e9rents formats pour les polices. Dans l’exemple ci-dessous, vous allez voir alors j’utilise le format OpenType. La version TL; DR de ceci est la suivante\u00a0:<\/p>\n Le format OpenType est un sur-ensemble des formats de police TrueType et Adobe\u00ae PostScript\u00ae Type 1 existants. Il permet une meilleure portabilit\u00e9 des documents multiplateformes, une prise en charge linguistique riche, de puissantes capacit\u00e9s typographiques et des exigences simplifi\u00e9es en mati\u00e8re de gestion des polices.<\/p>\n<\/blockquote>\n Si vous \u00eates int\u00e9ress\u00e9, vous pouvez en lire plus ici<\/a><\/strong>.<\/p>\n Troisi\u00e8mement, lorsqu’il s’agit de travailler avec ces polices, ces feuilles de style et de les incorporer dans le contexte d’un plugin WordPress, je trouve que, comme pour tout le reste, il est important de garder les choses organis\u00e9es.<\/p>\n Dans le r\u00e9pertoire assets, j’ai normalement un r\u00e9pertoire css<\/strong> et js<\/strong>. Parfois, cela inclut \u00e9galement des images<\/strong> et, dans cet exemple, cela inclut \u00e9galement des polices<\/strong>.<\/p>\n Une fois les polices plac\u00e9es dans le bon r\u00e9pertoire, il est tr\u00e8s facile de les inclure dans votre feuille de style. Tout d’abord, vous les d\u00e9finissez comme ceci<\/a><\/strong> :<\/p>\n Et puis vous pouvez les utiliser (avec une solution de repli appropri\u00e9e) comme ceci<\/a><\/strong> :<\/p>\n Pour \u00eatre complet, il convient de noter que vous raccordez simplement les feuilles de style comme vous le feriez pour n’importe quelle autre dans un plugin\u00a0:<\/a><\/strong><\/p>\n C’est tout.<\/p>\n Bien s\u00fbr, tout cela est facile \u00e0 suivre, mais les principaux points \u00e0 noter sont\u00a0:<\/p>\n Et c’est tout.<\/p>\n![\"Inclure](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162272-61e73a560748d.png\")
<\/a><\/p>\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto\" rel=\"stylesheet\"> <\/code><\/pre>\nfont-family: 'Roboto', sans-serif;<\/code><\/pre>\nPolices personnalis\u00e9es dans les plugins WordPress<\/h2>\n
\n
Organisation des polices dans un plugin<\/h3>\n
![\"Inclure](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-162272-61e73a591dfc1.png\")
<\/a><\/p>\n@font-face {\n font-family: GothamLight;\n src: url(\"..\/fonts\/Gotham-Light.otf\") format(\"opentype\");\n}\n\n@font-face {\n font-family: ThirstyScriptMedium;\n src: url(\"..\/fonts\/ThirstyScriptMedium.otf\") format(\"opentype\");\n}<\/code><\/pre>\n#search_keywords {\n background: #ffffff;\n color: #151335;\n font-family: 'GothamLight', sans-serif;\n}<\/code><\/pre>\n<?php\n\nadd_action('wp_enqueue_scripts', 'acme_enqueue_styles');\n\/**\n * Registers the stylesheet for the Acme Plugin Styles.\n *\/\nfunction acme_enqueue_styles()\n{\n wp_enqueue_style(\n 'acme-visuals',\n plugin_dir_url(dirname(__FILE__)).'assets\/css\/public.css',\n [],\n rand(),\n 'screen'\n );\n}\n<\/code><\/pre>\nUn message simple<\/h2>\n
\n