Ajustar escala de fuentes en la versión 7.0

Última actualización: 15 de febrero de 2024

Establece los tamaños de fuente mínimo y máximo para los sitios de la versión 7.0.

Todas las plantillas de Squarespace tienen un diseño adaptable integrado que optimiza el texto de tu sitio para cada pantalla. Algunas plantillas te dan un control preciso sobre cómo se ajustan las escalas de las fuentes para que establezcas manualmente los tamaños máximo y mínimo de títulos, encabezados y otros textos clave.

Por ejemplo, podrías establecer el encabezado 1 para que se ajuste entre 12 y 25 píxeles. En navegadores pequeños, como los de dispositivos móviles, lo mínimo sería 12 píxeles. En navegadores grandes, como un monitor de pantalla ancha, aumentaría hasta 25 píxeles como máximo. Por lo general, el encabezado se mostraría en algún lugar entre los dos tamaños de fuente.

Puedes establecer estas reglas en estas familias de plantillas:

  • Skye
  • Tremont
  • York

Cómo acceder a esta función

Esta guía es para las plantillas de la versión 7.0 enumeradas anteriormente. Para obtener más información sobre cómo ajustar la escala de texto en la versión 7.1y en otras familias de plantillas 7.0, visita Ajustar el formato del texto.

Antes de comenzar

  • Para una mejor visualización, verifica que el tamaño mínimo de fuente de cada encabezado sea mayor que el tamaño de fuente del cuerpo del texto.
  • La escala de algunos textos, como el cuerpo, no puede ajustarse manualmente.
  • Las palabras largas no se dividirán. Si una palabra larga se muestra en un espacio pequeño (como un mosaico de imágenes en miniatura de una cuadrícula de blog), puede cortarse el final de la palabra. Si esto sucede, reduce el tamaño máximo para que todas las palabras quepan en sus contenedores.
  • Si tu sitio móvil no está funcionando, intenta reducir las fuentes mínimas.
  • Para obtener ayuda general sobre el estilo del texto de tu sitio, visita Cambiar fuentes.

Establecer tamaños de ajuste de escala de fuentes

Para establecer manualmente los tamaños máximo y mínimo del texto:

  1. Inicia sesión en el sitio y navega a una página que contenga el texto que desees ajustar (como el del Encabezado 1).
  2. Abre el panel de Estilos del sitio.
  3. En la familia York, comprueba que el ajuste Escala esté seleccionado para ese tipo de texto. Por ejemplo, para habilitar el ajuste de escala del texto del Encabezado 1, selecciona Encabezado de escala 1 . Para todas las demás plantillas, avanza al siguiente paso.
  4. Haz clic en el ajuste de fuente para ese tipo de texto (por ejemplo, Fuente de Encabezado 1) y use el control deslizante Tamaño de fuente para establecer el tamaño máximo de fuente.
  5. Usa el ajuste Mín. para establecer el tamaño mínimo de fuente de ese tipo de texto (por ejemplo, Encabezado 1 mín.).La fuente nunca aparecerá más pequeña que este tamaño, incluso cuando se visualice en dispositivos móviles.
  6. Haz clic en Guardar para aplicar los cambios.

Vista previa de ajuste de escala de fuentes

Para obtener los mejores resultados al previsualizar los tamaños de fuente máximos y mínimos, abre el sitio en un smartphone mientras editas los tamaños de fuente en un equipo. Actualiza el smartphone cada vez que guardes los cambios de Estilos del sitio. Esta es la forma más precisa de saber cómo se ve tu sitio en diferentes dispositivos.

Nota

Vista en dispositivo no siempre muestra con precisión las fuentes ajustadas. Sin embargo, si el texto cabe dentro del cuadro marcador de estilo que aparece en Vista en dispositivo, generalmente se mostrará bien en dispositivos móviles.

Ajustes por plantilla

Para obtener una lista completa de los ajustes disponibles, consulta la guía de la plantilla:

En esta guía

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Ajustar escala de fuentes en la versión 7.0