La configuración de Estilo de texto del sitio web en Pixpa te permite controlar la tipografía en todo tu sitio web. Desde encabezados y títulos hasta el texto principal y las descripciones, puedes personalizar los estilos, tamaños y espaciado de las fuentes para que coincidan con la identidad visual de tu marca.
Pixpa admite más de 300 fuentes del repositorio de Google Fonts, además de una selección de fuentes con licencia OFL que puedes usar libremente. Al ajustar los estilos de texto, puedes garantizar la coherencia y mejorar la legibilidad en todas las páginas de tu sitio web.
En este artículo hablaremos de:
- Conjunto de fuentes actual
- Ajustes preestablecidos de fuentes
- Edición avanzada
- Restablecer configuraciones personalizadas
- Fuentes alternativas de Google
Puedes gestionar las fuentes de tu sitio web desde la sección Diseño (1).
Una vez dentro de la sección Diseño, haga clic en la pestaña Fuentes (2).
Conjunto de fuentes actual
- El seleccionado Preajuste de fuente (1) se mostrará aquí.
- Puede personalizar el Encabezado (2) y párrafo (3) fuente para el ajuste preestablecido seleccionado.
Nota: Al realizar ajustes personalizados en las Opciones de paleta de colores o en la Edición avanzada, verá un botón 'Modificado' (4).
- Texto superior (5) representa la fuente del título.
- Texto inferior (6) representa la fuente Párrafo.
Notas:
- Cambiar la fuente del encabezado afectará también al título del sitio y a los elementos del menú.
- Cambiar la fuente del párrafo afectará también a los botones, las galerías (título de la imagen) y el texto del pie de página.
Ajustes preestablecidos de fuentes
Los ajustes preestablecidos de fuentes son combinaciones predefinidas de tipo de fuente, tamaños de fuente, espaciado entre letras y otras configuraciones tipográficas que se pueden aplicar al texto en el sitio web en general.
- Puede cambiar fácilmente la fuente globalmente seleccionando cualquiera de las Ajustes preestablecidos de fuentes (1).
- Filtrar (2) la lista seleccionando ajustes preestablecidos Todos, Serif, Sans Serif o Mixtos. Una vez que seleccione un filtro, verá solo los ajustes preestablecidos relacionados.
- Para elegir un Preajuste de fuente (3), simplemente tienes que hacer clic en él y Publicar (4) los cambios.
- Desplácese hasta el final de la lista de fuentes para acceder y seleccionar entre las disponibles. Fuentes OFL.
Edición avanzada
Desde aquí, puede anular la configuración preestablecida y administrar manualmente las fuentes de todos los elementos de su sitio web.
Verá las siguientes opciones aquí:
Título del sitio
Es el título de su sitio web que actúa como texto del logotipo si el logotipo principal no está disponible.
Desde aquí puedes:
- Fuente - Elija la fuente para el título de su sitio.
- Peso - Elija el peso de la fuente para el título de su sitio.
- Tamaño – Escritorio – Especifique el tamaño del texto para el título de su sitio en el escritorio.
- Tamaño – Móvil – Especifique el tamaño del texto para el título de su sitio en dispositivos móviles.
- Espaciado de letras - Establezca el espacio entre las letras en el título del sitio.
Menú de encabezado
Es una colección de páginas, enlaces, carpetas, galerías, etc. que permiten a los usuarios moverse entre diferentes secciones de un sitio web.
Desde aquí puedes personalizar:
-
Menú principal
- Fuente - Especifique la fuente para los enlaces del menú.
- Peso - Elija el peso de fuente para los enlaces del menú.
- Talla - Especifique el tamaño del texto para los enlaces del menú.
- Espaciado de letras - Establezca el espacio entre las letras en los enlaces del menú.
-
Menú desplegable
- Fuente - Especifique la fuente para los enlaces del menú desplegable.
- Peso - Elija el peso de fuente para los enlaces del menú desplegable.
- Talla - Especifique el tamaño del texto para los enlaces del menú desplegable.
- Espaciado de letras - Establezca el espacio entre las letras en los enlaces del menú desplegable.
Encabezado
Las etiquetas de encabezado son cruciales ya que ayudan a estructurar el contenido, mejoran el SEO y mejoran la accesibilidad y la legibilidad. Hay cuatro tipos de etiquetas de encabezado que proporciona Pixpa. Son Rumbo (H1), Rumbo (H2), Rumbo (H3) y Rumbo (H4).
Desde aquí puedes:
- Fuente - Especifique el estilo de fuente para el encabezado (H1).
- Peso - Seleccione el peso de fuente para el título (H1).
- Tamaño – Escritorio – Especifique el tamaño de fuente del encabezado (H1) para el escritorio.
- Tamaño – Móvil – Especifique el tamaño de fuente del encabezado (H1) para dispositivos móviles.
- Altura de la línea - Especifique la altura de la línea de la fuente para el encabezado (H1) (especificada en términos de em).
- Espaciado de letras - Especifique el espacio entre las letras del texto del encabezado (H1) (especificado en términos de em).
Nota: Al igual que con el encabezado (H1), puede personalizar la configuración de los estilos de fuente H2, H3 y H4.
Relleno de texto (encabezados)
- Encabezados – Especifique el relleno de los encabezados de su sitio web.
Párrafos
Se utiliza para definir y estructurar un bloque de texto como un párrafo. Esto se usa generalmente para descripciones, títulos de imágenes, leyendas, texto de pie de página, etc.
Desde aquí puedes:
- Fuente - Seleccione el estilo de fuente para todo el texto del párrafo (normal, pequeño y grande).
- Peso - Seleccione el peso de fuente para todo el texto del párrafo.
- P (Normal) – Escritorio – Seleccione el tamaño de fuente Normal de todo el texto del párrafo para el escritorio.
- P (Normal) – Móvil – Seleccione el tamaño de fuente Normal de todo el texto del párrafo para dispositivos móviles.
- P (Pequeño) – Escritorio – Seleccione el tamaño de fuente más pequeño (menor que P (Normal)) de todo el texto del párrafo para el escritorio.
- P (Pequeño) – Móvil – Seleccione el tamaño de fuente más pequeño (inferior a P (Normal)) de todo el texto de párrafo para dispositivos móviles.
- P (Grande) – Escritorio – Seleccione el tamaño de fuente más grande (mayor que P (Normal)) de todo el texto del párrafo para el escritorio.
- P (Grande) – Móvil – Seleccione el tamaño de fuente más grande (mayor que P (Normal)) de todo el texto de párrafo para dispositivos móviles.
- Altura de la línea - Especifique el alto de línea de la fuente para el texto del párrafo (especificado en términos de em).
- Espaciado de letras - Especifique el espacio entre las letras del texto del párrafo (especificado en términos de em).
Relleno de texto (párrafos)
Párrafo: especifique el espaciado para los párrafos en su sitio web.
Botones
Los botones son elementos en los que puede hacer clic o tocar para realizar acciones específicas, como enviar un formulario o navegar a otra página.
Desde aquí puedes:
- Fuente - Puede elegir la fuente para el texto del botón desde aquí.
- Peso - Establezca el peso de la fuente para el texto del botón desde aquí. Puedes elegir entre normal, claro y atrevido.
- Talla larga) - Establezca el tamaño de fuente grande para los botones.
- Talla mediana) - Establezca el tamaño de fuente mediano para los botones.
- Talla pequeña) - Establezca el tamaño de fuente pequeño para los botones.
- Espaciado de letras - Establezca el espacio entre las letras del texto del botón desde aquí (especificado en em).
Pie de página
Este es el texto que aparece en la parte inferior del sitio web, como información de derechos de autor, avisos legales, etc. La configuración del texto del pie de página le permite personalizar la apariencia del texto en el pie de página de su sitio web.
- Fuente - Especifique el estilo de fuente para el texto del pie de página.
- Peso - Configura el grosor de fuente para el texto del pie de página desde aquí. Puedes elegir entre normal, claro y negrita.
- Tamano del texto - Define el tamaño de fuente para el texto del pie de página.
- Tamaño del menú – Establezca el tamaño de fuente para los elementos del menú de pie de página.
- Tamaño del título del sitio (escritorio) – Ajuste el tamaño del título del pie de página del sitio cuando se visualiza en una computadora de escritorio.
- Tamaño del título del sitio (móvil) – Ajuste el tamaño del título del pie de página del sitio cuando se visualiza en dispositivos móviles.
- Espaciado de letras - Especifique el espacio entre letras para el texto del pie de página (medido en em).
Misceláneos
Estas son algunas otras opciones de personalización en la configuración de fuentes. Desde aquí puedes:
Título de la imagen de la galería
Esto se aplica cuando elige mostrar títulos de imágenes al pasar el mouse.
-
- Fuente al pasar el cursor – Puede elegir la fuente para el texto del título de la imagen al pasar el mouse desde aquí.
- Peso al pasar el cursor – Establezca el peso de fuente para el texto del título de la imagen desde aquí. Puedes elegir entre normal, claro y atrevido.
- Tamaño de desplazamiento – Establezca el tamaño del texto del título de la imagen al pasar el mouse desde aquí.
- Espaciado de letras - Establezca el espacio entre las letras del texto del título de la imagen desde aquí (especificado en em).
Restablecer configuraciones personalizadas
Puede restablecer fácilmente la configuración de fuente predeterminada si realizó cambios en el conjunto de fuentes editándolo o si personalizó la configuración de fuente desde Edición avanzada.
Verás un botón Modificado. Pase el cursor sobre el botón y cambiará a Restablecer. Puede restablecer los cambios al original desde aquí.
Fuentes alternativas de Google
Aquí tienes algunas fuentes alternativas de Google para algunas fuentes populares :
- Brandon Grotesco - Josefin Sans
- Sofía Pro – Poppins
- Próximo - Verano or Prompt
- Proxima Nova - Montserrat or Roboto
- Próxima Suave – Nunito
- DIN - Barlow
- Carta - Source Serif Pro
- Helvética Neue – Roboto or Trabajo sin
- Whitney - Catamarán or Trasero
- Ciudad Gótica - Montserrat
- tisa serif – PT Serif
- Losa Museo - Babero Zilla or Roboto Slab
- óptimo – Arsenal
- académico – Fuente Serif
- Letra Gótica – Fira Mono
- Interfaz de usuario de Segoe – Sans abierto
- futura- Muli
- gibson- noto sans
- Zona Pro – Poppins
- esbirro - Texto carmesí
- Mostra Nueva – Josefin Sans
- geogrotesco – ejército
- Baskerville – Libre Baskerville
- centinela - Domine
- Neuzeit – Trasero
- molinero- Abril Fatface