Cómo agregar fuentes personalizadas a WordPress de manera simple

Agregar más fuentes a su computadora es bastante simple. Simplemente descargue los archivos en su directorio de fuentes y luego puede comenzar a usar el software y las aplicaciones deseadas. Sin embargo, si desea utilizar fuentes personalizadas en su sitio web, especialmente aquellas fuentes que sus visitantes pueden no haber instalado en sus dispositivos, se vuelve un poco más complicado. Afortunadamente, como usuario de WordPress, hay algunas excelentes herramientas gratuitas que puede usar para agregar fuentes individuales o una biblioteca completa a su sitio web. Una vez que haya puesto las fuentes disponibles para su tema, puede comenzar a aplicarlas a diferentes estilos utilizados en su sitio web.
En este artículo, le mostraremos dónde puede encontrar fuentes gratuitas y premium de alta calidad, cómo agregarlas a su sitio de WordPress, además de algunas herramientas que lo ayudarán a elegir la configuración adecuada para cada tipo en el sitio su web.

Dónde encontrar fuentes para su sitio web antes de llegar a las instrucciones que cubren cómo puede agregar fuentes personalizadas en su sitio de WordPress, echemos un vistazo a algunos de los lugares para los que puede encontrar nuevas fuentes para cambiar el aspecto de texto en su sitio.

Hay algunos excelentes recursos en línea gratuitos en los que puede encontrar fuentes de código abierto que se pueden usar libremente en su sitio. Algunos recursos que le gustaría explorar incluyen:
Google Fonts: Explore más de 600 fuentes de código abierto que se han optimizado para la web. Usar estas fuentes en su sitio de WordPress es muy fácil, como trataremos en breve.
Font Squirrel: otro gran almacén de fuentes web gratuitas: una colección de fuentes web gratuitas, desarrolladas por Adobe Typekit.
Typekit: una colección profesional de más de 4,000 fuentes gratuitas y premium de Adobe, para usar en la web y en forma impresa.
Como puede ver, hay muchas fuentes legítimas en línea de fuentes gratuitas y premium que puede usar para personalizar el aspecto de su sitio de WordPress.
Las herramientas de tipografía para diseñadores web que eligen el conjunto correcto de fuentes para su sitio pueden ser difíciles. El proceso significa más que elegir una o dos fuentes que le gusten y luego agregarlas a su sitio web. No solo debe considerar la apariencia de la fuente, sino también el tamaño que elegirá, qué tan ancho es el área de contenido en su sitio y cuál es la altura de línea óptima para cada fuente. Afortunadamente, hay algunas herramientas en línea gratuitas que puede usar para ayudarlo a aplicar las fuentes elegidas correctamente. Por lo tanto, se asegura que su contenido se vea mejor.
Un recurso en línea que definitivamente debe echar un vistazo al personalizar las fuentes en su sitio web es la computadora de la tipografía dorada del informe. Esta herramienta de tipografía, del tipo detrás de la tesis del marco, le permite ingresar un tamaño de fuente, seguido del ancho del área de contenido. El instrumento calculará la configuración tipográfica perfecta para la configuración específica de su sitio web. La escala de tipo es otra herramienta en línea que facilita establecer el tamaño de diferentes estilos de texto en su sitio web en relación entre sí. Después de ingresar el tamaño de la fuente básica, como el tamaño del texto del párrafo en su sitio, luego descubrirá qué tamaño se deben establecer cada uno de los diferentes títulos. Hay una serie de escalas para elegir, incluida la relación de oro arriba. Una vez que esté satisfecho con la configuración, puede copiar rápidamente el CSS para usarlo en su propio sitio web. Los complementos de fuentes personalizados de WordPress, ya que hay muchos lugares para encontrar fuentes en línea, también hay muchas maneras de integrarlos en su sitio de WordPress. Sin embargo, para ayudarlo a comenzar lo antes posible, estos son algunos de los mejores complementos de WordPress: Fonts de Google Light
Easy Google Fonts es un complemento gratuito que le brinda la oportunidad de usar cualquiera de las más de 600 fuentes gratuitas en su almacén de Google en su sitio web de WordPress. El complemento funciona con el personalizador de WordPress. Esto le permite obtener una vista previa de los cambios antes de tomar una decisión final sobre las fuentes de usar en su sitio.

Después de instalar y activar el complemento en su sitio web, puede comenzar a cambiar las fuentes utilizadas por su WordPress actual. Para hacer esto, vaya a la herramienta de personalización de WordPress y haga clic en la sección de impresión. Realmente en el cuadro, el complemento le permite cambiar la configuración de impresión para los estilos principales utilizados por su tema. Esto podría incluir el párrafo y los títulos individuales. Sin embargo, a través de la página de configuración fácil de Google Fonts, puede crear controles de fuentes personalizados. Luego se agregan a la interfaz de personalización, lo que le brinda una manera fácil de cambiar la fuente utilizada por elementos como listas, citas y más.

Después de haber agregado un control de fuentes personalizado, puede acceder a él desde la configuración de la tipografía del personalizador.
Usando esta función del complemento, puede cambiar las fuentes utilizadas por cualquiera de los elementos o estilos de su tema de WordPress. Los controles que se agregan al personalizador también cubren el peso de la fuente, la decoración del texto y las propiedades de transformación, así como el color de la fuente, el color de fondo, el tamaño, la altura de la línea y el espacio. entre las letras.

Combinando los controles de fuentes personalizados con la configuración detallada ofrecida, el complemento fácil de Google Fonts abre todo un mundo de posibilidades cuando se trata de cambiar el aspecto de texto en su sitio de WordPress, todo sin tener que editar un código directamente.

Usa cualquier fuente

El complemento fácil de Google Fonts es muy recomendable. Sin embargo, tiene una desventaja: solo puede usar las fuentes en la colección Google Fonts. Si ninguna de estas 686 fuentes atrae o desean usar un tipo de folleto de tipo personalizado, entonces el complemento sin uso de cualquier fuente es una buena alternativa. Después de instalar y activar el complemento, puede cargar una o más fuentes a su sitio directamente desde su computadora. Sin embargo, antes de comenzar, debe registrarse en la tecla API gratuita (o hacer una donación), que conectará el complemento a la herramienta de conversión de fuentes de su sitio web. Esto incluye la lista de elementos predeterminados, así como cualquier elemento personalizado que define.


El complemento también agrega algunos comandos de las fuentes del editor de publicaciones de WordPress. Esto facilita el cambio de fuentes utilizados en sus publicaciones y páginas, a nivel individual, en lugar de a nivel mundial.
Después de asignar una fuente, puede ver los cambios en la tipografía visitando el frente de su sitio. Aunque los controles de este complemento no se comparan con los ofrecidos por el complemento fácil de Google Fonts, si solo desea cambiar las fuentes utilizadas por Los elementos específicos de su tema en. Una fuente personalizada de su elección, luego use cualquier fuente, no lo hermoso.

Typekit Fonts para WordPress

Si desea usar fuentes gratuitas y premium en el servicio Adobe Typekit en su sitio de WordPress, entonces las fuentes Typekit gratuitas para el complemento de WordPress están con usted con este complemento, puede usar selectores predefinidos o agregar sus propias reglas personalizadas. Esto le asegura que cualquier parte de su sitio web que desea personalizar con una fuente de tipokit, puede hacerlo con este complemento. Adición manual de fuentes personalizadas a WordPress Si, por cualquier razón, la idea de usar uno de los complementos gratuitos anteriores no atrae, siempre puede cambiar las fuentes utilizadas en su sitio de WordPress. Si la fuente que desea usar se puede encontrar en el almacén de Fonts de Google, entonces agregarla a su sitio web es muy fácil. Todo lo que tiene que hacer debe seleccionar la fuente en el sitio de Google y luego copiar el código relevante en la cabeza Sección y la hoja de estilo CSS de su sitio.

Sin embargo, si la fuente que elija no está alojada en un almacén como Google Fonts, donde simplemente puede conectarse a ella, entonces deberá alojar la fuente usted mismo. Esto cambia ligeramente el proceso y agrega algunos pasos adicionales, como cargar la fuente al servidor.

Puede cargar el archivo de fuentes utilizando el software FTP o la herramienta de administración de archivos en su panel de control de host web. Es una buena idea cargar la fuente en un directorio de fuentes dedicado, preferiblemente en la carpeta de temas del niño para ayudar a mantener las cosas organizadas.
Una vez que el archivo de fuente esté en su servidor, abra la hoja de estilo CSS para editar temas. Esto se puede hacer desde el tablero de WordPress, en el editor de la pantalla de la pantalla>. Después de agregar el CSS anterior a la hoja de estilo para cargar la fuente, puede usarla en cualquier lugar en ese archivo CSS para cambiar la apariencia del texto, de la siguiente manera:

Por razones de rendimiento, cuando sea posible, debe intentar conectarse a un depósito de fuente externo, como Google Fonts. Sin embargo, si no puede encontrar la fuente que desea usar en línea, es posible que deba sacrificar parte de la velocidad de su página al alojar el archivo. Conclusión Esperamos que ahora sepa dónde encontrar fuentes personalizadas, así como cómo comenzar a agregarlas en su sitio de WordPress. Usando uno de los complementos gratuitos, como Fácil Google Fonts, puede comenzar a cambiar no solo las fuentes que se usan en su sitio web, sino también cómo se presentan esas fuentes. Gracias al instrumento Customizer WordPress, ahora puede cambiar fácilmente el aspecto de texto en su sitio web. Todo esto tiene lugar a través de un conjunto de menús visuales, complementados con una vista previa en vivo. Si su tema actual no le brinda demasiado control sobre las fuentes utilizadas en su sitio, utilizando uno de los métodos anteriores, ahora tiene una manera fácil de hacer esos cambios, sin editar ninguno de los CSS por usted mismo. ¿Cuáles son tus fuentes favoritas? ¿Qué configuración de tipografía en su sitio le gustaría cambiar? Si tiene alguna pregunta sobre fuentes, tipografía o WordPress en general, compártalos en los comentarios a continuación.