3 minutos
Al crear una página web, los textos y elementos visuales son esenciales. Sin embargo, su presentación también es crucial. Debes elegir fuentes adecuadas, entre otros.
Una fuente con serif, fina, clásica y elegante, no tendrá el mismo impacto que una fuente fantasiosa, larga e imponente. Por lo tanto, debes elegir los estilos de escritura con cuidado y SiteW te ayuda a hacerlo ofreciéndote una amplia gama de fuentes y facilitándote la selección y personalización de las fuentes de tu página web. Con SiteW, diseñar y personalizar tu página web nunca ha sido tan fácil. 🎨
Para elegir y modificar las fuentes de tu página web, primero, ve a la pestaña Diseño y, después, haz clic en el botón Fuentes.
Por razones de homogeneidad visual y coherencia gráfica, no elijas más de 2 o 3 familias de fuentes diferentes para una misma página web.
Por lo tanto, tus textos se dividen en 4 grupos:
Fuentes principales
Los principales textos corresponden a todos los textos básicos: párrafos, contenidos de las entradas de blog, descripciones de los productos de tienda, etc.
Fuente de los títulos
Esta categoría reúne todos los títulos: título de los módulos de Texto, entradas de blog, productos de tienda, temas del foro, etc.
Fuente de los menús
Esta categoría concierne los enlaces del menú, pero también la paginación del blog, las categorías y páginas de tu tienda en línea.
Fuente de los botones y enlaces
Este grupo concierne todos los enlaces y botones de llamada a la acción como: el acceso al espacio de los miembros, la publicación de un comentario, un mensaje o una opinión sobre los módulos de Comentario, de Contacto o de Foro, los botones de llamada a la acción de la tienda en línea, etc.
Para cada grupo, podrás definir los siguientes elementos:
El estilo de escritura (o familia de fuentes)
Haz clic en el botón Fuentes. La ventana se abre y puedes ver la apariencia de la fuente y seleccionar la tuya. Todos los cambios que se aplican a la fuente en cuanto a los espaciados entre las palabras, las mayúsculas y minúsculas, o los atributos de caracteres se repercutirán en la ventana de ejemplos, pero también en el marco de selección. De esta forma, obtienes una visualización eficaz y rápida del renderizado de tu elección.
El espaciado entre las letras
Desplaza el cursor a lo largo de la regleta para definir el espaciado entre las letras y la densidad de tu texto.
Las mayúsculas y minúsculas y los atributos de caracteres
Entre las diferentes opciones disponibles, opta por negrita, cursiva, mayúsculas, o minúsculas.
Como ya hemos visto en la ventana y captura anterior, es posible ver con detalle y agregar cualquier fuente que está en Google Fonts.
Para ello, desde tu panel para administrar las fuentes, haz clic en Gestionar las fuentes y visita Google Fonts.
El botón para reinicializar las fuentes te permitirán volver a las fuentes originales de la plantilla.
¡Ya está! Tienes a tu disposición todas las herramientas básicas para personalizar las fuentes de tu página web para que correspondan a su contenido.
Última actualización: 19 enero, 2023