Incluso en el plan gratuito de PageFly, puedes subir tus propias fuentes y usarlas en tus diseños de página. Esto resulta muy útil si buscas una fuente en japonés que no esté en Google Fonts o una tipografía específica para tu marca.
Formatosen de fuente compatibles
PageFly admite cuatro formatos de fuente:
.TTF(TrueType Font).OTF(OpenType Font).WOFF(Web Open Font Format).WOFF2(Web Open Font Format 2)
Cualquier archivo que subas se convertirá automáticamente a WOFF2. WOFF2 ofrece la mejor compresión de cualquier formato de fuente web, lo que reduce al mínimo el impacto en la velocidad de carga de la página.
Nota: Si estás en el plan de prueba de Shopify (Trial Plan), no podrás subir fuentes; se trata de una restricción de formatos de archivo por parte de Shopify, no de PageFly.
Paso 1: Sube tu fuente
Desde el panel de control de PageFly, abre Extra functions y haz clic en Manage junto a Uploaded Fonts.
Una vez que se abra el administrador de fuentes, haz clic en Upload font y selecciona tu archivo. Puedes subir varias fuentes a la vez si lo necesitas.
Tras la subida, PageFly convierte el archivo a WOFF2 en segundo plano. Dependiendo del tamaño del archivo y de tu conexión, esto puede tomar un momento; una vez que aparezca en la lista como se muestra a continuación, estará lista para usarse.
Paso 2: Aplica la fuente personalizada en el editor
Una vez subida tu fuente, abre el editor de PageFly. Selecciona el elemento de texto que deseas modificar y, en el panel de configuración de la derecha, ve a:
Styling → Font Family → Uploaded Fonts
Marca la casilla de la fuente que deseas utilizar y se aplicará a ese elemento de texto de inmediato.
Como puedes ver a continuación, las fuentes en japonés subidas se renderizan correctamente también en la página en vivo.
Gestión de fuentes en toda la tienda con Global Styles
Si quieres usar una fuente de manera coherente en toda tu tienda, configurarla en Global Styles es la forma más eficiente de hacerlo. Configúrala una sola vez y la misma fuente se aplicará automáticamente a los encabezados, al texto del cuerpo y a los botones de todas las páginas, manteniendo un diseño uniforme sin esfuerzo adicional.
Pasos de configuración
- Desde Extra functions, haz clic en Manage junto a Global Styles.
- Haz clic en Typography y luego ve a la pestaña Styling → Font Family.
- Haz clic en el icono de configuración, selecciona Uploaded Fonts y elige la fuente que deseas usar.
- Asigna las fuentes según el tipo de tipografía: encabezados (H1–H6), texto de cuerpo, botones, etc.
- Cuando termines, haz clic en Publish para guardar los cambios.
Las fuentes registradas en Global Styles también aparecerán como opciones dentro del editor en el futuro, por lo que no tendrás que buscarlas manualmente cada vez que crees una página.
Preguntas frecuentes (FAQ)
P: ¿Puedo usar una fuente personalizada en el editor justo después de subirla?
R: No exactamente; primero debes añadirla a Global Styles. Una vez registrada allí, aparecerá como opción en el selector de fuentes del editor.
P: ¿Puedo añadir fuentes mediante código personalizado en su lugar?
R: Técnicamente sí, pero no es recomendable, ya que puede perjudicar la velocidad de la página. Usar la función integrada de subida de fuentes es la opción más segura, tanto para el rendimiento como para mantener todo organizado. Si anteriormente añadiste una fuente mediante código personalizado, se recomienda eliminar ese código y cambiar a la función de subida.
P: Si borro una fuente personalizada que está en uso, ¿se romperá mi página?
R: No, las páginas publicadas no sufrirán daños. Cualquier elemento que pierda su fuente simplemente recurrirá por defecto a la fuente configurada en su contenedor principal.
Conclusión
La función de fuentes personalizadas de PageFly está disponible desde el plan gratuito y es compatible con una amplia gama de formatos, incluidas las fuentes en japonés. Vale la pena utilizarla si buscas una identidad de marca coherente o necesitas una tipografía específica que no esté disponible en Google Fonts.
Como regla general: registra una fuente en Global Styles si quieres que se use de manera uniforme en toda tu tienda, y configúrala directamente en el editor si solo deseas cambiar la tipografía en una página específica.
