Cómo utilizar fuentes personalizadas en su sitio web de WordPress
La imagen de marca es una parte importante de la creación de una empresa. Sin embargo, en algunos casos, es posible que las fuentes de su marca no estén disponibles en los principales sitios de alojamiento de fuentes, comoFuentes de GoogleoKit de tiposEsto significa que necesitarás encontrar un medio alternativo para mostrarlos.
Afortunadamente, es posible convertir las fuentes de tu marca en fuentes compatibles con el sitio web e integrarlas como cualquier otra. Este proceso es, en realidad, menos técnico de lo que parece, gracias aGenerador de fuentes web de Font Squirrely complementos comoOrganizador de fuentes.
En este artículo, te explicaremos los pasos necesarios para preparar las fuentes de tu marca para su uso en la web. Luego, te mostraremos cómo usarlas en WordPress. ¡Comencemos!
Prepare su fuente para la Web (en 2 pasos)
Lamentablemente, no puedes subir tu fuente tal como está a Internet y esperar que funcione. Los distintos navegadores y sistemas operativos tienen distintos requisitos para las fuentes. La buena noticia es que puedes tomar tu fuente normal y convertirla a una gran cantidad de formatos diferentes, por lo que es accesible desde casi todas las plataformas disponibles.
Antes de que puedas preocuparte por agregar tu fuente a WordPress, primero debes prepararla para su uso en la web. Aquí te mostramos cómo tomar tu fuente y convertirla.
Paso 1: Verifique si existen derechos de autor sobre el uso de fuentes
Para poder utilizar una fuente, debes respetar sus derechos de autor y utilizar la licencia adecuada. Las licencias pueden ser completamente exclusivas del creador de la fuente, pero normalmente se ciñen a unas cuantas pautas previsibles, que establecen:
- ¿Quién puede utilizar la fuente?
- Dónde se puede utilizar la fuente.
- Pautas sobre cómo se puede utilizar la fuente.
Por ejemplo, algunas fuentes solo tienen licencia para empresas específicas, mientras que otras están disponibles para cualquiera que esté dispuesto a pagar una tarifa. Además, muchas fuentes se ofrecen en código abierto y completamente gratis para cualquier uso dentro del público en general.
Lo ideal es que ya sepas si tienes derechos legales sobre la fuente principal de tu marca para uso comercial. Más específicamente, deberás averiguar si tienes permiso para usar la fuente de tu empresa en un contexto web antes de tomar cualquier otra medida. Algunas licencias de fuentes solo se permiten en computadoras de escritorio para hacer diseños impresos.
Para encontrar su licencia, tiene algunas opciones:
- Acceda a la licencia en su carpeta de descarga de fuentes original.
- Hable con su diseñador y pídale que le muestre la licencia de la fuente.
- Visita el sitio web donde descargaste la fuente y busca la licencia proporcionada.
- Si lo descargó de un sitio web de fuentes gratuitas, busque información general sobre licencias.
- Busque en Google “(su fuente) + licencia” para encontrar la fuente y determinar su nivel de licencia en función de lo que pagó por ella.
Cada licencia será única, pero busque reglas explícitas sobre el uso personal y comercial, las tarifas necesarias y cómo se puede usar la fuente. Para poder usarla en línea, la licencia debe indicar 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 la fuente en caso de duda!
Paso 2: Convertir la fuente a un formato compatible con la Web
Una vez que esté seguro de que tiene una licencia que cubre el uso web, podrá convertir su fuente a un formato compatible con la web. Este solía ser un proceso difícil que solo podía resolver un software especializado. Sin embargo, ahora hay muchas herramientas de conversión disponibles en línea de forma gratuita.
Haymuchos tipos de fuentespara adaptarse a la gran cantidad de dispositivos disponibles, pero algunos son más populares que otros. Las extensiones de archivos de fuentes comunes son.OTF,.TTF, y.FNT– Deberías tener una carpeta llena de una de estas extensiones. Pueden ser comunes, pero no están formateadas específicamente para uso general en línea.
Ardilla de fuentees nuestro generador de fuentes web preferido. Es increíblemente fácil de usar y el único requisito es que tengas acceso a uno de los tipos de fuentes más comunes y la licencia para usarlo en línea.
Primero, visite el generador de fuentes web Font Squirrel.Sí, las fuentes que estoy cargando son legalmente elegibles para incrustarse en la web.acuerdo, o no podrás descargar los archivos de fuente finales:
A continuación, sigue las instrucciones para cargar tu fuente. Puedes seleccionar tantas variaciones (como negrita, cursiva, etc.) de la misma fuente como quieras:
Una vez que haya terminado de cargar, descargue la fuente proporcionada.cremalleray guárdelo en algún lugar al que pueda acceder más tarde. Lo necesitará para cargar los formatos de fuente adecuados en su sitio web.
Añade tu fuente a WordPress (en 2 pasos)
Ahora que tus fuentes están listas para la web, puedes agregarlas a WordPress. Afortunadamente, como suele suceder con WordPress, este es un proceso relativamente simple gracias al poder de los complementos. Vamos a profundizar.
Paso 1: Instalar elOrganizador de fuentesComplemento
Organizador de fuenteses un complemento simple que le permite cargar fuentes web personalizadas para usar en su sitio web 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 algunasgran cantidad de complementos de fuentes personalizadospara elegir, así que siéntete libre de escoger.
Antes de instalar el complemento, asegúrese de verificar sus complementos y temas existentes para ver si tienen la función de fuentes personalizadas. Es posible que uno de sus temas o complementos ya admita esta función, lo que significa que no necesita un complemento secundario para manejarla. Puede consultar la documentación de su tema y de cada complemento para determinar si este es el caso. Por lo general, puede encontrar esta información en unTipografíapestaña en elPersonalizador, pero también puedes encontrarlo enApariencia Opciones de tema, o en una página de configuración de cualquier complemento existente relacionado con fuentes.
Una vez que haya verificado la compatibilidad de fuentes, o si prefiere omitir la investigación y saltar directamente al complemento, continúe yInstalar Organizador de fuentesen su sitio web de WordPress.
Paso 2: Cargue y configure su fuente
¡Ya has llegado al último paso! Lo único que queda por hacer es cargar y configurar la fuente que se usará en el sitio web. Primero, ve aConfiguración Configuración de fuente, luego desplácese hacia abajo hastaFuentes personalizadasAquí puedes cargar todos los archivos de fuentes que te proporciona Font Squirrel. El nombre de la fuente debe ser el mismo y puedes cargar todos los archivos de un mismo grosor (es decir, negrita, cursiva) a la vez.
Hacer clicSubirCuando haya terminado de agregar todos los tipos de archivos de cada peso, espere a que la página se vuelva a cargar y repita el proceso para cada peso de fuente.
Una vez que hayas elegido tu fuente, podrás integrarla en tu CSS. Font Organizer te ofrece una forma sencilla de integrar tus fuentes de inmediato. Simplemente selecciona tu fuente en el menú desplegable de todos los elementos que desees. Marca la casillaIncluya !important en este elemento para aplicar siempre.cuadro si los cambios no aparecen en su sitio web.
¡Felicitaciones! Eso es todo. La fuente personalizada de tu marca ya debería estar disponible en tu sitio web de WordPress.
Conclusión
Incluir las fuentes de tu marca en tu sitio web es una parte importante de la imagen visual de la marca. Las principales marcas, como PayPal y Dropbox, incluso implementan sus propias fuentes totalmente personalizadas. Afortunadamente, puedes implementar tus propias fuentes de WordPress con relativa facilidad.
En este artículo, aprendiste a usar fuentes personalizadas en tus sitios web de WordPress en dos partes:
- Primero, verifique que su fuente tenga los derechos de autor correctos y prepárela para la web.
- En segundo lugar, instale uncomplemento adecuadoy utilízalo para cargar tu fuente en WordPress.
¿Tienes alguna pregunta sobre el uso de fuentes personalizadas con WordPress? ¡Cuéntanosla en la sección de comentarios a continuación!
Crédito de la imagen:Jason Leung.
Deja una respuesta