Cómo subir y usar fuentes personalizadas
SiteGround Website Builder ofrece una selección de fuentes predefinidas y personalizables que se pueden cambiar fácilmente. Sin embargo, esta lista puede no ser suficiente y es posible que desees usar una fuente personalizada que no esté disponible en la biblioteca de fuentes del sistema.
Para ayudarte a comprender cómo subir y usar dichas fuentes, hemos preparado esta guía rápida. Estos son los pasos:
Subir fuentes personalizadas
- Inicia sesión en SiteGround Website Builder, ve a Site Admin y haz clic en Editar sitio web.
- Desde la barra de herramientas del menú de la izquierda, elige Estilos y luego Tipografía.
- Aparecerá una nueva tarjeta de fuente. Haz clic en el enlace Sube una fuente.
- Sube tu archivo de fuente.
Hay dos maneras de añadir una nueva fuente:
- Arrastra y suelta un archivo WOFF2 directamente en el área de carga.
- O haz clic en Examinar archivos para seleccionar el archivo de fuente desde tus carpetas locales.
Después de una subida exitosa, la fuente aparecerá como un nuevo mosaico en la biblioteca. Verás una vista previa de los caracteres “Aa” renderizados en ese tipo de letra, junto con el nombre del archivo.
Sin embargo, hay varios aspectos importantes que debes tener en cuenta.
- Si el nombre de la fuente ya existe
Si subes un archivo con el mismo nombre que otra fuente en tu biblioteca, el editor mostrará un cuadro de diálogo Reemplazar fuente, preguntándote si deseas sobrescribir el archivo existente. Selecciona Reemplazar para actualizar la fuente o Cancelar para conservar la versión existente y descartar la nueva carga.
- Si el nombre de la fuente entra en conflicto con una fuente del sistema
No puedes subir una fuente personalizada que tenga el mismo nombre que una familia de fuentes del sistema existente. Por ejemplo, si Roboto ya está disponible como fuente del sistema, no se permite subir un archivo llamado Roboto-Bold.woff2. Sin embargo, puedes subir una fuente de una variante específica de esa familia, como RobotoCondensed-Bold.woff2, ya que el editor la trata como una familia independiente.
Cómo aplicar tu fuente personalizada a un estilo de encabezado o texto
- Después de subir tu fuente personalizada, cierra la ventana modal Mis fuentes.
- Ve a la sección Estilos > Tipografía > Personalizar tipografía.
- Haz clic en cualquier encabezado para abrir su diálogo de Editar encabezado.
- Un menú desplegable te ofrecerá dos opciones: MIS FUENTES y FUENTES DEL SISTEMA.
- Tus fuentes personalizadas estarán bajo MIS FUENTES. Haz clic en la que quieras aplicar.
Para tu comodidad, la vista previa de la derecha se actualiza en tiempo real, para que puedas ver cómo se verá tu texto al aplicar la fuente. También puedes ajustar el tamaño, el grosor y el interlineado desde el mismo panel.
Si subiste varios archivos de la misma familia tipográfica, se agruparán y sus variaciones de grosor o estilo disponibles aparecerán como una opción seleccionable dentro de la misma entrada.
Y listo. Todos los cambios se aplicarán automáticamente a todo tu sitio web.
