Spesso, il codice assomiglia a questo<\/a><\/strong> :<\/p>\n E poi puoi usarlo nel tuo foglio di stile in questo modo<\/a> :<\/p>\n Ma cosa succede se qualcuno ti fornisce un set di caratteri che desidera utilizzare nel proprio progetto che sono in un formato di file e che non sono ospitati su un tipo di rete di distribuzione dei contenuti?<\/p>\n Innanzitutto, vale la pena notare che per utilizzare determinati font nei tuoi progetti devono rientrare in una licenza specifica. Questo non \u00e8 il post che discuter\u00e0 i vari tipi di licenza, ma assicurati di avere l’autorizzazione per il carattere.<\/p>\n In secondo luogo, nota che esistono diversi formati per i caratteri. Nell’esempio seguente, vedrai che sto usando il formato OpenType. La versione TL;DR di questo \u00e8 la seguente:<\/p>\n Il formato OpenType \u00e8 un superset dei formati di font TrueType e Adobe\u00ae PostScript\u00ae Type 1 esistenti. Consente una migliore portabilit\u00e0 dei documenti multipiattaforma, un ricco supporto linguistico, potenti capacit\u00e0 tipografiche e requisiti di gestione dei caratteri semplificati.<\/p>\n<\/blockquote>\n Se sei interessato, puoi leggere di pi\u00f9 qui<\/a><\/strong>.<\/p>\n Terzo, quando si tratta di lavorare con questi font, fogli di stile e di incorporarli nel contesto di un plugin per WordPress, trovo che, come con qualsiasi altra cosa, mantenere le cose organizzate sia importante.<\/p>\n All’interno della directory degli asset, normalmente ho una directory css<\/strong> e una js<\/strong>. A volte questo include anche le immagini<\/strong> e, in questo esempio, include anche i caratteri<\/strong>.<\/p>\n Una volta che i caratteri sono stati inseriti nella directory corretta, \u00e8 davvero facile includerli nel foglio di stile. Innanzitutto, li definisci in questo modo<\/a><\/strong> :<\/p>\n E poi puoi usarli (insieme a un adeguato fallback) in questo modo<\/a><\/strong> :<\/p>\n Per essere completo, vale la pena notare che colleghi semplicemente i fogli di stile come faresti con qualsiasi altro in un plug-in:<\/a><\/strong><\/p>\n \u00c8 tutto.<\/p>\n Certo, tutto questo \u00e8 facile da tracciare, ma i punti principali degni di nota sono:<\/p>\n E questo \u00e8 tutto.<\/p>\n![\"Includere](\"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>\nCaratteri personalizzati nei plugin di WordPress<\/h2>\n
\n
Organizzare i caratteri all’interno di un plug-in<\/h3>\n
![\"Includere](\"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 semplice post<\/h2>\n
\n