Si estás buscando instalar una fuente o tipografía personalizada dentro de tu web en wordpress, es importante que conozcas cómo hacerlo con el plugin fuentes personalizadas wordpress. Claro que nuestra marca o la de nuestros clientes se identifique con una tipografía poco común y por esto, estemos buscando una fuente que no se encuentre dentro de las predeterminadas del tema que usamos.
Por esto, hoy veremos cómo y desde donde buscar las fuentes personalizadas y luego, cómo las instalamos en nuestro sitio web en WordPress. Vamos a comenzar.
Contenido
Cómo buscar fuentes personalizadas
Fuentes personalizadas WordPress
Si estás buscando instalar una fuente o tipografía personalizada dentro de tu web en wordpress, es i…
Email marketing y correo profesional Woocommerce
En esta última versión me centraré en hablar sobre la importancia del correo profesional woocommerce…
Sitio multimoneda, envíos y métodos de pago: dropshipping woocommerce
Uno de los grandes retos al vender en internet, haciendo dropshipping es contar con un sitio multimo…
De entrada debes saber que la mayoría de temas en wordpress permiten el uso de las fuentes de google. Así que puedes ahorrate este proceso buscando aquí tu fuente. En dado caso que no se encuentre entonces continúa aquí!
Dafont en sí es un repositorio de cientos de fuentes personalizadas totalmente gratuitas aunque claro, como todo banco de imágenes puedes donar al autor del contenido. Lo recomiendo porque lo uso hace varios años no solo para mis proyectos sino para los de mis clientes y sé que funciona muy bien, a comparación de otros lugares.
Recomendaciones de búsqueda
Para continuar ten en cuenta estas recomendaciones antes de escoger una tipografía o fuente personalizada wordpress:
- Si tu audiencia o marca es en español, busca que la tipografía tenga la letra «ñ» y adicional mayúsculas y minúsculas.
- Busca que la fuente tenga diferentes estilos, no solamente «regular». Siempre vas a necesitar una fuente con «bold, italic, bold italic» entre otros.
- Si vas a escribir textos largos, que la letra tenga una buena separación entre letras y palabras.
Una vez encuentres una fuente que se adapte a tu búsqueda, descárgala y puedes proceder al siguiente paso.
Descarga e instala plugin
Haz click aquí para descargar custom fonts. Descarga o búscalo desde los plugins en WordPress e instala. Una vez instalado abre el plugin y podrás encontrar las diferentes opciones para configurar las fuentes personalizadas.
Los campos a llenar son algunos opcionales y otros claramente obligatorios así que los veremos uno a uno los obligatorios:
- Nombre: asiga un nombre a la fuente. Generalmente copia y pega el mismo nombre de la fuente personalizada que descargaste. Esta es la que se verá dentro de wordpress para poder ser usada.
- Peso de la fuente: selecciona el peso de la fuetne que vas a subir. No puedes subir todos los estilos al tiempo. Es decir este paso es uno a uno. Por ejemplo primero subir «Regular» con un un peso de 400, o bien «bold». Cada uno de estos estilos tiene un peso diferente así que asígnalo uno a uno.
- Fuente ttf: generalmente las fuentes descargadas desde dafont son en formato ttf, entonces una vez seleccionado el peso de la fuente, puedes pasar a subir la fuente desde tu pc. «solamente ese estilo seleccionado».
Al finalizar, si quieres añadir otro estilo, puedes hacerlo, si no, puedes guardar esta fuente y listo. Podrás verla lista para usar en la parte derecha de la pantalla. Pero ahora, ¿cómo puedes usarla en la web?
Usar fuente en sitio web
Desde la vista de administrador, en personalizar ingresa a global > tipografía < fuente de cuerpo o encabezado. Claro que esto puede variar dependiendo del tema que uses, pero siempre, todos los temas permitirán modificar la fuente global del sitio.
Ahora lo único que debes hacer es buscarla dentro de la lista de fuentes y listo! selecciona el estilo y ya podrás verlo en tu sitio web sin problema.
Para terminar, recuerda siempre como lo digo en todo mi contenido de wordpress: respalda antes de hacer cualquier cambio importante. Las fuentes realmente nunca me han fallado pero no significa que no pueda romper el sitio por alguna razón entonces, siempre respalda antes de usar!
Video de ayuda
Hice este video en mi canal de youtube para que puedas ver el paso a paso del proceso realizado. Si te gusta, no olvides dar like y suscribirte!
Producto sugerido
Si eres como yo que pasa bastatne tiempo frente al compu, puede que la barra de luz te sirva bastante para cuidar tu vista en esas largas jornadas. También te dejo aquí el post para que veas la reseña completa.
Quntis Lámpara para monitor de computadora, barra de luz para monitor de pantalla para el cuidado de los ojos, lámpara de tareas LED de lectura electrónica con atenuación automática, barra de lámpara regulable, control táctil, sin deslumbramiento de pantalla, ahorro de espacio, lámparas de escritorio para oficina en casa
- Sin reflejos de pantalla y sin parpadeo, antiluz azul: la barra de luz para monitor de computadora Quntis tiene un diseño óptico asimétrico único que ilumina solo tu escritorio y teclado mientras garantiza que no se reflejen en la pantalla. Gracias a su avanzado sistema de protección ocular, nuestras lámparas de escritorio para oficina en casa bloquean la luz azul y la radiación óptica, aliviando eficazmente la fatiga ocular para proteger tus ojos. Es la opción ideal para estudiantes, diseñadores de pintura y trabajadores de oficina de negocios.
Conclusión
Conocer las fuentes personalizadas dentro de WordPress es importante porque nos permite jugar con el estilo general de nuestra web, manteniéndola fresca para nuestros visitantes o bien para nuestros clientes.
