Diseño a la voz de su marca

Publicado: 2022-10-18

Si está utilizando un sitio de WordPress autohospedado, tiene la libertad de instalar las fuentes que desee. Esto le brinda la capacidad de combinar perfectamente el diseño de su sitio con la voz de su marca. En este artículo, le mostraremos cómo agregar fuentes personalizadas a su sitio de WordPress. Cubriremos dos métodos para agregar fuentes a WordPress. El primer método es instalar fuentes usando el Personalizador de WordPress. El segundo método es instalar fuentes usando un complemento. El método recomendado es instalar fuentes usando el Personalizador de WordPress. Es una manera rápida y fácil de agregar fuentes a su sitio sin tener que editar ningún código. Para instalar fuentes usando el Personalizador de WordPress, siga estos pasos: 1. Inicie sesión en su sitio de WordPress y vaya a Personalizar. 2. Haga clic en la pestaña Fuentes . 3. Use la barra de búsqueda para encontrar las fuentes que desea instalar. 4. Haga clic en el botón Agregar a la colección para cada fuente que desee instalar. 5. Haga clic en el botón Publicar para guardar los cambios. Sus fuentes ahora estarán disponibles para su uso en su sitio de WordPress. Si está buscando más control sobre sus fuentes, o si quiere usar fuentes que no están disponibles en el Personalizador de WordPress, puede instalar fuentes usando un complemento. Hay algunos complementos disponibles para agregar fuentes a WordPress. Recomendamos usar el complemento Easy Google Fonts. Es un complemento gratuito que facilita agregar, personalizar y administrar sus fuentes. Para instalar el complemento Easy Google Fonts, siga estos pasos: 1. Inicie sesión en su sitio de WordPress y vaya a Complementos. Haga clic en el botón Agregar nuevo. Use la barra de búsqueda para encontrar el complemento Easy Google Fonts. Haga clic en el botón Instalar ahora. Haga clic en el botón Activar. 6. Vaya a Apariencia y haga clic en la pestaña Fuentes. 7. 8. 9. Agregar fuentes personalizadas a su sitio de WordPress es una excelente manera de hacer coincidir las de su sitio.

Al usar el complemento Easy Google Fonts, puede agregar fuentes personalizadas a los sitios web de WordPress. Es una oportunidad fantástica para aprovechar una impresionante colección de fuentes en su sitio web. Usar la tipografía correcta puede resultar en una variedad de beneficios. Es fundamental que su sitio web sea lo más fácil de usar y comprender posible para sus clientes. También puede cambiar el estilo y la posición de las fuentes que elija utilizando las propiedades de CSS. Además, si desea cambiar los controles de fuente para su complemento de WordPress, puede hacerlo yendo a la página de configuración. Es una excelente alternativa a Adobe Fonts si no desea utilizar un complemento.

Con el complemento Custom Adobe Fonts , puede incorporar fácilmente estas fuentes en su sitio web de WordPress. Antes de instalar el complemento, vaya a la extensa biblioteca de fuentes de Adobe y seleccione una fuente que funcione para usted (debe registrarse para comenzar). Una vez que haya seleccionado una fuente que le guste, puede agregarla a su proyecto web haciendo clic en el botón 'Agregar al proyecto web' en la parte superior derecha de la página. Esta herramienta le permite obtener una vista previa y hacer coincidir las combinaciones de fuentes como mejor le parezca, lo que hace que las fuentes sean más fáciles de combinar. Las fuentes personalizadas se pueden encontrar en varios sitios web excelentes, que están diseñados por diseñadores y vienen con un alto nivel de detalle. La fuente Squirrel, por ejemplo, tiene una enorme biblioteca de fuentes y tiene un formato de implementación simple. @Font-Face tiene un kit de fuentes web que puede descargar.

Debe estar instalado en su sitio web de WordPress. Deberá crear su propia hoja de estilo CSS después de comprar el kit, que incluye un archivo de fuente y una hoja de estilo con el código que necesita. Por ejemplo, debemos usar el siguiente CSS al desarrollar la fuente OpenSans-ExtraBold-web. La mejor opción es mantener todos los archivos de fuentes en un directorio específico.

¿Cómo uso fuentes en WordPress?

Crédito: noupe.com

Agregar y usar fuentes personalizadas en WordPress es un proceso de dos pasos. Primero, debe descargar o comprar la fuente que desea usar. A continuación, debe cargar el archivo de fuente en su sitio de WordPress. Una vez que se carga el archivo de fuente, puede agregarlo a su tema de WordPress. Para hacer esto, abra el Personalizador de WordPress y navegue hasta la sección "Tipografía". En la sección "Tipografía", verá una lista de todas las fuentes que ha subido a su sitio de WordPress. Seleccione la fuente que desea usar de la lista y luego guarde sus cambios. Eso es todo lo que hay que hacer para agregar y usar fuentes personalizadas en WordPress. Siguiendo estos pasos, puede agregar fácilmente cualquier fuente personalizada que desee usar en su sitio de WordPress.

Una fuente personalizada puede ser un proceso difícil y lento para crear su sitio web de WordPress (o cualquier otro sitio web). Es posible transmitir los objetivos de un sitio (consciente o inconscientemente) mediante el uso de una fuente personalizada. Las fuentes personalizadas se utilizan para distinguir los sitios web de revistas y periódicos de sus competidores. Las fuentes personalizadas, por otro lado, no tienen por qué ser exclusivas de las grandes editoriales. WordPress tiene una serie de complementos que le permitirán instalar colecciones de fuentes web gratuitas , como las fuentes de Google. Si desea utilizar más de una fuente personalizada, primero debe pagar una clave API premium. Hay muchas fuentes que tienen licencia para usar en su computadora, pero no para otros fines.

Puede parecer una exageración decir que usar una fuente en su sitio web podría ponerlo en problemas, pero probablemente tenga razón en su evaluación. Para ser justos, las fuentes son un arte, por lo que tendrás que comer, así que mantén la calma y asegúrate de que tengan la licencia adecuada. Puede encontrar una gran cantidad de WordPress y fuentes web gratuitas. No tengas miedo de hacer lo correcto. Busque una tipografía diferente si su sitio web ha estado lento después de usar fuentes personalizadas. Times New Roman utiliza tipos de letra serif, pero los pesos y tamaños de los tipos de letra difieren. Brindamos el rendimiento de la más alta calidad posible, así que no tenga miedo de preguntar. GreenGeeks usa WordPress como su plataforma.

Los beneficios de usar fuentes personalizadas en su sitio de WordPress

Las fuentes personalizadas para su sitio de WordPress pueden hacer que parezca más profesional. Al cargar las fuentes en su servidor de alojamiento de WordPress, puede acceder fácilmente a ellas desde cualquier tema o complemento. Debido a la arquitectura de complementos de WordPress, incluso puede usar Google Fonts y otras funciones que se encuentran en otras plataformas de WordPress para crear su propia fuente personalizada.


Wp-content/themes/tu-tema/fuentes

Crédito: www.theme-junkie.com

El directorio wp-content/themes/your-theme/fonts es donde puede almacenar cualquier fuente personalizada que desee usar en su tema. Las fuentes se pueden agregar a este directorio a través de FTP o usando un administrador de archivos en el panel de control de su cuenta de alojamiento. Una vez agregadas, puede usar las fuentes en su CSS especificando la propiedad font-family.

Estilos globales le permite cambiar la fuente de su sitio de la misma manera que puede cambiar el color de su sitio con uno de los siguientes temas. La fuente base y los encabezados se establecen en pares de letras. Al hacer clic en Publicar, puede guardar las nuevas combinaciones de fuentes en el menú Estilos globales o restablecerlas. Después de su selección de sus fuentes personalizadas, tiene la opción de cambiarlas regularmente. Seleccione el tamaño que desea para su encabezado o fuente base en el menú desplegable y luego haga clic en la opción de tamaño debajo ya la derecha para cada uno de los nombres de fuente que desea cambiar. Con CSS personalizado, puede cambiar los tamaños de fuente globalmente. Al decidir si usar o no un complemento después de haberlo probado, asegúrese de haberlo desactivado/eliminado. No es posible vincular una cuenta externa de Typekit.com a un sitio web o blog de WordPress.com. Al usar el Personalizador, puede determinar si una fuente específica se mostrará correctamente en cualquier idioma.

Agregue fuentes personalizadas a WordPress sin complemento

Agregar fuentes personalizadas a WordPress sin un complemento es un poco más difícil, pero aún es posible. Deberá agregar los archivos de fuentes a su servidor y luego editar su archivo CSS para incluir la nueva fuente.

Puede usar una variedad de fuentes en su sitio web si elige fuentes personalizadas. Puede mejorar la eficiencia de su sitio web utilizándolos, así como crear una imagen de marca que aumentará la participación del usuario. Demostraremos cómo agregar fuentes personalizadas en WordPress usando las fuentes de Google, TypeKit y el método CSS3 @Font-Face en este tutorial. Cuando se registre en el servicio, su dirección de correo electrónico se utilizará para recibir una guía oficial de inicio rápido. A continuación, vaya a la barra lateral de administración y navegue hasta el complemento de fuentes: personalice las fuentes. También puede cambiar la fuente y el tamaño en su tema de WordPress siguiendo estas instrucciones. El código de incrustación de Google Font se puede agregar a un sitio de WordPress de dos maneras.

Asegúrate de que el código esté configurado antes de la etiqueta <body> en el archivo header.php de tu tema. Este código se puede agregar usando un complemento de WordPress si no está familiarizado con la edición de código. Puede obtener más información sobre las fuentes de Google en los temas de WordPress leyendo nuestra guía. Agregar fuentes personalizadas a WordPress es el método más directo a través de CSS3 @Font-face. Como resultado, puede usar cualquier fuente que desee en su sitio web utilizando este método. Si aún no tiene un formato web para su fuente, puede usar el generador FontSquirrel WebFont para convertirlo.

¿Puedes subir fuentes personalizadas a WordPress?

Cuando se trata de cargar fuentes personalizadas en WordPress, puede hacerlo de tres maneras diferentes: edite el archivo del tema, use fuentes a través de la API o cargue fuentes manualmente. Coloque el archivo de la fuente en la carpeta de su tema. Puede agregar fuentes personalizadas a su tema de WordPress con complementos de WordPress.

Agregar fuente Otf a WordPress

Agregar fuentes personalizadas a WordPress es muy sencillo. Una vez que tenga el archivo de fuente, simplemente cárguelo en su biblioteca de medios de WordPress. Desde allí, puede seleccionar el archivo de fuente y agregarlo a cualquier elemento de texto en su sitio web.

Fuentes de temas de WordPress

No hay una respuesta definitiva cuando se trata de las mejores fuentes para temas de WordPress. Sin embargo, algunos consejos generales pueden ser útiles al elegir fuentes para su tema. Primero, considere el tono y el estilo general de su sitio web. Esto lo ayudará a reducir las opciones de fuente a las que sean más apropiadas. En segundo lugar, recuerde que la legibilidad es importante. Elija una fuente que sea fácil de leer, incluso en tamaños más pequeños. Tercero, considere usar múltiples fuentes en su tema. Esto puede agregar interés y variedad. Solo asegúrese de usar fuentes que funcionen bien juntas.

Aunque algunos temas de WordPress te permiten cambiar las fuentes, la mayoría te permite hacerlo. Además, hay complementos gratuitos para agregar fuentes a cualquier tema. La primera sección de esta sección le enseñará cómo usar nuestro tema flexible Neve como ejemplo. Además, en esta sección, le mostraremos cómo cambiar las fuentes de WordPress para secciones específicas de contenido utilizando el editor de WordPress. Si está buscando más opciones de fuentes en su tema de WordPress, un complemento es una buena opción de respaldo. Puede usar la aplicación Easy Google Fonts para crear un nuevo tema de WordPress y seleccionar entre más de 600 fuentes gratuitas. Luego importaremos el tema predeterminado Twenty Twenty One y lo configuraremos para que incluya más fuentes.

Puede acceder al Personalizador de WordPress yendo a Apariencia - Opciones personalizadas. Ahora puede seleccionar una fuente de Google para usar en varios tipos de contenido en su sitio. A medida que toma sus decisiones, debería ver una vista previa en vivo de la nueva fuente en su sitio. Al hacer clic en Publicar, puede cargar sus nuevas fuentes . Si ya tiene un tema flexible, el Personalizador de WordPress le permite seleccionar las opciones de tipografía integradas en el tema. Puede usar el complemento Easy Google Fonts para agregar más de 600 fuentes a su sitio. Este es un excelente lugar para comenzar si desea crear un sitio web personalizado utilizando cualquier tema de WordPress.