83 / 100

Introducción

Aprende como agregar fuentes  a tu página web en WordPress, utilizando los plugin Elementor pro y Custom fonts.

Haz que tus clientes sientan todo lo que les transmites con textos e imágenes. Las fuentes son una parte muy importante de la imágen corporativa de cualquier empresa, sociedad o autónomo.

Elementor pro nos da la posibilidad casi de hacer cualquier cosa a  nivel de diseño visual, por lo que deberemos intentar personalizar nuestras fuentes al máximo, así como las imágenes, videos o incluso los colores. Es una cosa más que facilitará o dificultará la recordación de nuestra marca a los potenciales clientes. Es una manera más de conseguir ese engagement extra que tanto nos gusta.

¿Cómo añadir fuentes a Elementor pro?

Tal como verás en la siguiente imagen, Elementor pro tiene un apartado llamado Custom Fonts en el que podremos subir nuestras fuentes y personalizarlas a nuestro gusto. Aunque lo normal es subirlas con las propiedades que tienen las tipografías ya descargadas.

Añadir de fuentes | Elementor pro

Cómo añadir fuentes a Elementor pro

Una vez descargadas las fuentes que queremos añadir a Elementor, procederemos a pinchar en el botón ‘Add New’ y rellenaremos los campos con los diferentes formatos que nos solicita.

Cómo personalizar fuentes en elementor pro

Cómo personalizar fuentes en elementor pro

Si tuviésemos una fuente con muchas variaciones de grosor, letra itálica, cursiva, etc… procederíamos insertar cada una de las fuentes con las variaciones que vengan clicando en la parte superior de cada fuente en (Wieght y Style) seleccionando los estilos de letra que vayamos a subir.

Una vez hayamos terminado pincharíamos en el botón superior publicar y ya nos aparecería nuestra fuente en el listado de tipografías de Elementor en Estilos > Tipografía > Custm fonts

Como añadir fuentes o tipografías a Elementor | Borja Echevarria Basáñez

¿Cómo añadir fuentes a Elementor free?

Instalación del plugin Custom Fonts

añadir fuentes a Elementor free

Cómo añadir fuentes a Elementor free con el plugin Custom Fonts.

  1. Rellenamos los campos necesarios con el nombre de la fuente tal cual queremos que aparezca después en Elementor
  2. Los diferentes formatos de fuentes
  3. Pinchamos en la parte inferior en ‘Añadir una nueva fuente’

Cómo aparece la fuente en Elementor y donde cambiarla

Seleccionando el campo de texto que queramos modificar pinchamos en:

  1. Estilo
  2. Tipografía
  3. Dentro del campo personalizado aparecerá la fuente que hayamos generado. En mi caso Just-Do-It
Donde aparecen las fuenes pesonalizadas en elelmentor

Donde modificar las fuentes de elementor, una vez añadidas.