Cómo Astra Themes trabaja con Google Fonts para crear un estilo de fuente de marca unificado

Astra, uno de los temas ligeros más populares para WordPress, tiene una configuración tipográfica flexible y una profunda integración con Google Fonts, lo que puede ayudar a los sitios web corporativos y a los blogs de marca a establecer rápidamente un sistema de fuentes unificado y bonito. Este artículo presenta Astra El método de emparejar Google Fonts en plantillas ayuda a conseguir un estilo de fuente de marca coherente y a mejorar la profesionalidad visual del sitio.

1. ¿Por qué utilizar Google Fonts?

Fuentes Google Ofrece una amplia biblioteca de fuentes de código abierto:

Gratis para uso comercial, sin derechos de autor
Compatibilidad con varios idiomas: chino, japonés, coreano, latín, etc.
Diferentes pesos y variantes de fuentes para facilitar el diseño y la maquetación

Aceleración CDN global para una carga rápida

Para los sitios web de marca, elegir un tipo de letra uniforme garantiza una imagen de marca coherente y mejora la percepción de la marca por parte del usuario.

2. Ventajas de la integración de Astra con Google Fonts

Los temas Astra son compatibles con Google Fonts, por lo que no es necesario instalar plugins adicionales.
disponible en Personalizador Selección de fuentes directamente desde
Modifique también los tipos de letra de cabeceras, cuerpo de texto, botones, etc. para mantener un estilo coherente.
Compatible con Elementor,Castor Constructor etc. creadores de páginas con configuraciones de fuente no conflictivas

3. Cómo configurar Google Fonts en Astra

Paso 1: Ir al Personalizador de WordPress

Inicie sesión en el backend de WordPress
Haga clic en el menú de la izquierda Apariencia > Personalización

Paso 2: Seleccionar la configuración tipográfica

En el menú Personalizador, haga clic en "El cuadro completo".

opción "tipográfico"

Aquí puede ver las opciones de composición tipográfica que ofrece Astra, incluidas Tipografía base y Encabezados.

Paso 3: Configurar la fuente global

existe "Base Tipografía" En el Familia de fuentes menú desplegable

Busque y seleccione la fuente principal de su marca, por ejemplo RobotoyLatoyOpen Sans et al. (y otros autores)
Establezca el peso de la fuente, por ejemplo, Normal 400 o Negrita 700.

Ajuste el tamaño de la fuente y la altura de línea para garantizar que el contenido sea claro y fácil de leer.

Paso 4: Definir el tipo de letra del título

Vuelva al menú Tipografía y busque "Heading Font"
Establezca la familia de fuentes de H1-H6 respectivamente, que es la misma que la del texto del cuerpo.estilo caligráficoIgual o con otra fuente secundaria de marca

Ajuste el peso, el tamaño y la altura de línea de la fuente para mantener un estilo de marca coherente.

4. Ejemplo de concordancia de fuentes

Las siguientes combinaciones comunes de fuentes de marca son adecuadas para su uso en Astra:

Roboto + Roboto Losa
Utilice Roboto para el texto principal y Roboto Slab para el titular, ¡para un aspecto tecnológico y profesional!

Open Sans + Montserrat
Open Sans para el cuerpo del texto, Montserrat para los títulos, limpio y moderno.

Lato + Lato
leyendaUniformidad con el cuerpo del texto Lato, limpieza visual y coherencia

Al elegir los tipos de letra, asegúrese de que sean coherentes con el logotipo y el sistema visual de la marca para crear una experiencia unificada.

5. Mejorar la velocidad de carga de Google Fonts

Aunque Google Fonts Global Aceleración CDNpero el acceso es lento y recomendable en algunas zonas:

hacer uso de Complemento OMGF Descarga Google Fonts en tu servidor local para mejorar la velocidad de carga

Si los usuarios del sitio web proceden principalmente de China continental, los archivos de fuentes pueden alojarse localmente para evitar fallos de carga.

6. Notas sobre Astra + Elementor Font Settings

Si utiliza Elementor Para editar la página, es necesario seleccionar la configuración global de Elementor en la sección "Por defecto" para que la página herede las fuentes globales de Astra, evitando así definiciones duplicadas que pueden dar lugar a fuentes incoherentes.

Ruta de operación:

Vaya al editor de Elementor
Haga clic en el menú de la esquina superior izquierda "Configuración del sitio"

Vaya a la configuración de Tipografía y establezca las fuentes que se heredarán en Predeterminado.

7. Resumen

existe Astra La plantilla está emparejada con Google Fonts para ayudar con los sitios web corporativos y la marca personal:

Establezca rápidamente un estilo tipográfico uniforme
Mejorar la coherencia visual y la profesionalidad
Conveniente para el mantenimiento posterior y la actualización de la marca

Elegir las Google Fonts correctas y configurarlas adecuadamente en Astra es una base importante para la creación de la marca de tu sitio web.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres