Cómo usar fuentes personalizadas en su sitio web de WordPress

La marca visual es una parte importante de la construcción de un negocio. Sin embargo, en algunos casos, las fuentes de su marca pueden no estar disponibles en las fuentes principales, como Google o Typekit Fonts. Esto significa que tendrá que encontrar un medio alternativo para mostrarlos. Afortunadamente, es posible convertir su marca en su marca en un poco de amigable para el sitio web e incorporarlos como cualquier otro. Este proceso es en realidad menos técnico de lo que parece, gracias al generador y complementos de fuentes web de fuentes, como Font Organizer.
En este artículo, lo guiaremos a través de los pasos necesarios para preparar las fuentes de su marca para su uso. Luego le mostraremos cómo usarlos en WordPress. ¡Vamos a empezar! Desafortunadamente, prepare su fuente web (en 2 pasos), no puede cargar la fuente como está en Internet y esperar trabajar. Diferentes navegadores y sistemas operativos tienen diferentes requisitos para las fuentes. La buena noticia es que puede tomar su fuente habitual y convertirla en una variedad de formatos diferentes, por lo que es accesible para casi cualquier plataforma disponible. Antes de preocuparse por agregar su fuente a WordPress, primero debe preparar su uso web. Aquí le mostramos cómo tomar su fuente y convertirla.
Paso 1: Compruebe si hay derechos de autor para el uso de fuentes

Para usar una fuente, debe respetar sus derechos de autor y usar las licencias apropiadas. Las licencias pueden ser completamente únicas para el creador de la fuente, pero generalmente caen en algunas pautas esperadas, dictando:
Quién puede usar la fuente. ¿Dónde se puede usar la fuente?
Instrucciones sobre cómo se puede usar la fuente.
Por ejemplo, algunas fuentes tienen licencia solo para ciertas empresas. Otras fuentes tienen licencia a cualquiera que quiera pagar una tarifa. Además, se ofrecen muchas fuentes de código abierto y completamente gratuitos para cualquier uso entre el público en general.
Idealmente, ya sabrá si tiene derechos legales para su marca comercial principal para uso comercial. Específicamente, deberá averiguar si tiene permiso para usar la fuente de su empresa en un contexto web antes de tomar medidas adicionales. Algunas licencias de fuentes solo están permitidas en escritorios para hacer modelos de impresión. Para encontrar su licencia, tiene algunas opciones:
Vaya a la licencia en la carpeta de descarga original de fuentes.
Hable con su diseñador y solicite ver la licencia de fuente.
Visite el sitio web donde descargó la fuente y busque la licencia proporcionada.
Si lo ha descargado de un sitio web con fuentes gratuitas, busque información general sobre licencias.
Google “(su fuente) + licencia” para encontrar la fuente y determinar el nivel de licencia de acuerdo con lo que pagó por ella.
Cada licencia será única, pero está buscando reglas explícitas sobre uso personal y comercial, los impuestos necesarios y cómo se puede usar la fuente. Para usarlo en línea, la licencia debe mencionar que puede usarla con fines comerciales en cualquier formato digital, incluidos los sitios web alojados.
Si no tiene la licencia correcta, regrese a la fuente y compre la licencia correcta, ¡y comuníquese con el creador de fuentes si tiene alguna duda! Paso 2: Convierta la fuente “amigable para la web”. Una vez que esté seguro de que tiene una licencia que cubre el uso web, puede convertir su fuente en un formato amigable para la web. Este fue un proceso difícil que solo el software dedicado podía resolver. Sin embargo, hay muchas herramientas de conversión ahora disponibles en línea. Hay muchos tipos de fuentes que coinciden con la gran cantidad de dispositivos disponibles, pero algunos son más populares que otros. Las extensiones comunes de los archivos con fuentes son .otf, .ttf y .fnt: debe tener una carpeta llena de una de estas extensiones. Estos pueden ser comunes, pero no están especialmente formados para el uso general en línea. Font Squirrel es nuestra generadora de fuentes web elegidas. Es increíblemente simple de usar, y el único requisito es tener acceso a uno de los tipos comunes de fuentes y la licencia de uso en línea. Primero, visite el generador de fuentes web de fuentes. Verifique que sí, las fuentes que cargan son legalmente elegibles para el acuerdo de incorporación web o no podrá descargar los archivos de fuentes finales:
Luego siga las instrucciones para cargar la fuente. Puede seleccionar cuántas variaciones (como negrita, cursiva, etc.) de la misma fuente que desea:
Una vez que haya terminado de cargar, descargue el .zip con fuente suministrado y guárdelo a un lugar al que pueda acceder más tarde. Necesitará esto para cargar formatos de fuente apropiados en su sitio web.


Agregue su fuente a WordPress (en 2 pasos) Ahora sus fuentes están listas para la web, puede agregarlas a WordPress. Afortunadamente, como suele ser el caso con WordPress, este es un proceso relativamente simple debido a la potencia de los complementos. Vamos a bucear. Paso 1: Instale el organizador de la fuente del complemento El organizador es un complemento simple que le permite cargar fuentes web personalizadas para usarlas en su sitio de WordPress. Lo preferimos porque le brinda control total, se actualiza con frecuencia, tiene muchas críticas excelentes y es fácil de usar. Sin embargo, hay muchos complementos personalizados para que la fuente elija, así que no dude en elegir.

Antes de instalar el complemento, asegúrese de verificar los complementos y temas existentes para la funcionalidad de fuente personalizada. Es posible que uno de sus tareas o complementos ya acepte esta función, lo que significa que no necesita un complemento secundario para administrarlo. Puede verificar la documentación de su tema y cada complemento para determinar si este es el caso. Por lo general, puede encontrar esta información en la pestaña de tipografía de un personalizador, pero puede encontrarla en opciones de temas de aspectos> en una página de configuración para cualquier complemento existente.
Una vez que haya revisado la compatibilidad de la fuente o si prefiere omitir la investigación y moverse directamente al complemento, continúe e instale el organizador de fuentes en su sitio web de WordPress. Paso 2: ¡Cargue y configure la fuente que ha alcanzado el último paso! Lo único que queda por hacer es cargar y configurar la fuente que se utilizará en el sitio. Primero, vaya a Configuración> Configuración de fuentes, luego desplácese hacia abajo a fuentes personalizadas. Aquí puede cargar todos los archivos con fuentes proporcionados por Font Squirrel. El nombre de la fuente debe ser el mismo y puede cargar todos los archivos para obtener un peso (es decir, en negrita, cursiva) una vez. Haga clic cuando haya terminado Agregar todos los tipos de archivos para cada peso y esperar a que la página se recargue, luego repita el proceso para cada peso de la fuente. Con la fuente en su lugar, ahora puede integrarla en CSS. Font Organizer le brinda una manera fácil de integrar sus fuentes de inmediato. Simplemente seleccione la fuente en el menú desplegable para todos los elementos deseados. La marca incluye! Importante para que este artículo siempre se aplique. La caja si los cambios no aparecen en su sitio web.

¡Felicidades! Eso es todo. La fuente personalizada de su marca ahora debería estar disponible en su sitio web de WordPress.
La conclusión, incluidas las fuentes de su marca en su sitio, es una parte importante de la marca visual. Las principales marcas como PayPal y Dropbox incluso implementan sus propias fuentes totalmente personalizadas. Afortunadamente, puede implementar sus propias fuentes de WordPress relativamente fáciles. En este artículo, ha aprendido a usar fuentes personalizadas en sus sitios de WordPress en dos partes:
Primero, verifique que su fuente tenga los derechos de autor adecuados y prepare para la web. En segundo lugar, instale un enchufe adecuado y úsela para cargar su fuente en WordPress.

¿Qué preguntas tienes sobre el uso de fuentes de WordPress personalizadas?¡Háganos saber en la sección de comentarios!Crédito de la imagen: Jason Leung.