¿Puedo cargar mi fuente personalizada?

¿Qué es una fuente personalizada?

A Fuente personalizada Es una tipografía que no está incluida por defecto en bibliotecas estándar como Google Fonts. Se carga manualmente en tu tienda para reflejar la personalidad de tu marca.

¿Por qué utilizar fuentes personalizadas en Shopify?

• Reforzar la coherencia de la marca en todas las páginas
• Consiga una tipografía única que no ofrecen las bibliotecas estándar
• Mejorar la jerarquía visual y la legibilidad
• Destaca entre tus competidores con un diseño personalizado

Cómo cargar una fuente personalizada en GemPages versión 7

Con la versión 7 de GemPages, puedes subir fuentes personalizadas de Shopify directamente desde el editor. Aunque Google Fonts está disponible, esta función te permite importar la fuente que quieras.

Cómo cargar fuentes en GemPages V7

Método 1: Cargar fuentes a través del editor

Paso 1: Dentro del Editor de GemPages, elija cualquier elemento que contenga configuraciones de texto, como un encabezado. 

Paso 2: Preparar la fuente.

Puedes descargar la fuente que quieras usar de una fuente en línea o fuera de línea o comprarla a un proveedor. Luego, guarda la fuente en tu computadora para cargarla en el editor de GemPages.

Paso 3: Vaya a la Fuente: y abra la lista de fuentes. Luego, haga clic en el botón Subir fuente .

Paso 4: Una vez que la carga se haya realizado correctamente, la fuente será visible en el Subida .

Paso 5: Compruebe cómo se muestra la fuente personalizada en el editor y en el modo de página en vivo.

Método 2: Cargar fuentes mediante estilos globales

Vaya a Estilos globales y dirígete a la sección de Administrar fuentesr Sección. Allí, puedes cargar la fuente personalizada para tu título y párrafo. 

Cómo eliminar una fuente personalizada

Paso 1: Pase el cursor sobre las opciones de fuente y verá el Papelera icono a la derecha de la fuente personalizada.

Paso 2: Haga clic en el icono de la Papelera que está al lado.

Paso 3: Confirme su eliminación.

Cómo comprobar sus fuentes personalizadas recientes

Paso 1: Dentro de las opciones de fuente, seleccione la Más Icono junto al nombre de la fuente para revelar la lista de fuentes.

Paso 2: Verifique las tres fuentes más recientes que se muestran en la parte superior de la lista de fuentes.

Cómo cargar una fuente personalizada en GemPages versión 6

A diferencia de V7, GemPages V6 se basa en los archivos de temas de Shopify para alojar y renderizar fuentes.

Con las actualizaciones recientes de Shopify, ya no puedes cargar archivos .ttf y .ottf en un tema. En su lugar, puedes agregar un archivo de fuente al tema. Presente la Bancarrota del sección en su Administrador de Shopify.

Paso 1: Subir archivo de fuente a Shopify

• Vaya a Administración de Shopify > Contenido > Archivo.  Sube tu archivo de fuente seleccionando “Subir archivo”.

• La ventana que se abre le permitirá seleccionar el archivo de fuente que desea agregar. Después de haber cargado el archivo correctamente, seleccione el Enlace Icono para copiar el enlace del archivo.

Paso 2: Modificar el código del tema de Shopify

• Vaya a Tienda Online > Temas. Haga clic en el botón de tres puntos y seleccione “Editar código”.

• Después de eso, busque el archivo "theme.liquid" (Lazy section loading) bajo la sección Diseño Sección o mediante la barra de búsqueda. Seleccione para abrir el archivo.

• Añade el siguiente código al final del archivo.

<style>

@font-face {  

  font-family: "FontName"; 

  src: url("Linkofthefontfile");

}

</style>

• Reemplace los siguientes elementos del código con datos reales.

Nombre de la fuente: el nombre de la fuente.

Enlace al archivo de fuentes: El enlace del archivo de fuente que se cargó anteriormente. Se copia después de seleccionar el ícono de enlace.

• Haga clic en "guarde" cuando termines.
• Busque el archivo “tema.gem-layout-none.liquid” (Lazy section loading) bajo la sección Diseño Sección o mediante la barra de búsqueda. Seleccione para abrir el archivo.

A continuación, repita el paso anterior dentro de este archivo.

Paso 3: Añadir la fuente a GemPages

• Desde la aplicación Panel de Control de GemPages, abre la plantilla que prefieras para editarla. Haz clic en un elemento basado en texto (encabezado, bloque de texto, etc.) para ver las configuraciones en la barra lateral izquierda.
• En la sección Configuración pestaña, busque la Tipografía > Fuente sección. Haga clic en el menú desplegable y seleccione Abra el administrador de fuentes.

• En el Administrador de fuentes, haga clic en el botón Fuentes temáticas lengüeta. Luego, haga clic Agregar fuentes de tema.

• Introduzca el nombre exacto de la fuente en el campo y haga clic "Agregar."

Ingrese el nombre exacto, ya que los nombres de las fuentes distinguen entre mayúsculas y minúsculas. Puede verificar el nombre en el campo "theme.liquid”, como se muestra en el paso anterior.

• A continuación, pase el cursor sobre el nombre de la fuente y haga clic en el ícono + para activar la fuente.

• Haga clic en "Guardar." La fuente agregada se mostrará en el Fuente: menú desplegable de la Configuración .

Preguntas Frecuentes

1. ¿Qué son las fuentes personalizadas en Shopify?

Las fuentes personalizadas son fuentes que subes manualmente a tu tienda Shopify, en lugar de usar las predefinidas como Google Fonts. Te ayudan a mantener la coherencia de tu marca y a darle a tu tienda un aspecto único.

2. ¿Cómo agregar fuentes a Shopify?

Para agregar fuentes a Shopify, debes subir el archivo de tu fuente a la sección Archivos del panel de control de Shopify y luego usar @font-face en el código de tu tema para aplicarlo. GemPages simplifica este proceso permitiéndote administrar las fuentes desde el editor.

3. ¿Puedo cargar fuentes directamente a Shopify?

Sí, puedes subir fuentes a Shopify desde la sección Contenido > Archivos en tu panel de control. Después de subirlas, puedes enlazarlas con código personalizado en los archivos Liquid de tu tema.

4. ¿Cómo cargo fuentes en GemPages?

GemPages ofrece dos formas de cargar fuentes:

• En la versión 7, puedes cargarlos directamente en el Administrador de fuentes.
• En la versión 6, carga la fuente en Shopify y luego intégrala en GemPages usando la función “Fuentes del tema”.

5. ¿Dónde puedo administrar mis fuentes personalizadas en GemPages?

Puede administrar todas las fuentes personalizadas a través del Administrador de fuentes tanto en el Estilos globales y editores de páginas individuales. Desde allí, puedes cargar, activar o eliminar fuentes según sea necesario.