A menudo, el c\u00f3digo se parece a esto<\/a><\/strong> :<\/p>\n Y luego puedes usarlo en tu hoja de estilo de esta manera<\/a> :<\/p>\n Pero, \u00bfqu\u00e9 pasa si alguien le proporciona un conjunto de fuentes que quiere usar en su proyecto que est\u00e1n en un formato de archivo y que no est\u00e1n alojadas en alg\u00fan tipo de red de entrega de contenido?<\/p>\n Primero, vale la pena se\u00f1alar que para usar ciertas fuentes en sus proyectos, deben estar bajo una licencia espec\u00edfica. Esta no es la publicaci\u00f3n que discutir\u00e1 los distintos tipos de licencias, pero aseg\u00farese de tener permiso para la fuente.<\/p>\n En segundo lugar, tenga en cuenta que existen diferentes formatos para las fuentes. En el siguiente ejemplo, ver\u00e1 que estoy usando el formato OpenType. La versi\u00f3n TL; DR de esto es la siguiente:<\/p>\n El formato OpenType es un superconjunto de los formatos de fuente TrueType y Adobe\u00ae PostScript\u00ae Type 1 existentes. Permite una mejor portabilidad de documentos multiplataforma, soporte ling\u00fc\u00edstico enriquecido, potentes capacidades tipogr\u00e1ficas y requisitos simplificados de gesti\u00f3n de fuentes.<\/p>\n<\/blockquote>\n Si est\u00e1s interesado, puedes leer m\u00e1s aqu\u00ed<\/a><\/strong>.<\/p>\n En tercer lugar, cuando se trata de trabajar con estas fuentes, hojas de estilo e incorporarlas dentro del contexto de un complemento de WordPress, encuentro que, como con cualquier otra cosa, es importante mantener las cosas organizadas.<\/p>\n Dentro del directorio de activos, normalmente tengo un directorio css<\/strong> y js<\/strong>. A veces esto tambi\u00e9n incluye im\u00e1genes<\/strong> y, en este ejemplo, tambi\u00e9n incluye fuentes<\/strong>.<\/p>\n Una vez que las fuentes se colocan en el directorio adecuado, es realmente f\u00e1cil incluirlas en su hoja de estilo. Primero, los defines as\u00ed<\/a><\/strong> :<\/p>\n Y luego puede usarlos (junto con un respaldo adecuado) as\u00ed<\/a><\/strong> :<\/p>\n Para estar completo, vale la pena se\u00f1alar que simplemente conecta las hojas de estilo como lo har\u00eda con cualquier otra en un complemento:<\/a><\/strong><\/p>\n Eso es todo.<\/p>\n Claro, todo esto es f\u00e1cil de rastrear, pero los puntos principales que vale la pena se\u00f1alar son:<\/p>\n Y eso es.<\/p>\n![\"Incluir](\"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>\nFuentes personalizadas en complementos de WordPress<\/h2>\n
\n
Organizaci\u00f3n de fuentes dentro de un complemento<\/h3>\n
![\"Incluir](\"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>\nUna publicaci\u00f3n sencilla<\/h2>\n
\n