Cómo autoalojar Google Fonts en Astra Theme

A la hora de optimizar el rendimiento de un sitio web, elFuentes Google autoalojadases aumentar la velocidad y reducir la Desviación acumulada del trazado (CLS) La eficaz metodología delAstra El tema introdujo esta función en la versión 3.6.0 para permitir a los usuarios cargar fuentes de Google localmente. En este artículo explicaremos cómo activar esta función, cambiar la configuración predeterminada y eliminar la marca Astra.

Activación de las fuentes Astra Self-Hosted Google Fonts

Astra proporciona Fuentes Google autoalojadas que permite almacenar localmente Google Fonts para woff2 carga de formatos, reduciendo las peticiones externas y mejorando el rendimiento del sitio.

Métodos de capacitación:

• Regístrese WordPress Backend, vaya a Astra > Ajustes.
• empezar a utilizar "Cargar Google Fonts localmente Opciones.

Cuando esta opción está activada, las Google Fonts se cargan directamente desde local, lo que reduce las solicitudes externas y mejora la velocidad de carga, especialmente para los usuarios de dispositivos móviles.

Cómo modificar la función Google Fonts autoalojadas de Astra

Por defecto, elAstra guardará la fuente como woff2 que funciona en la mayoría de los navegadores, pero algunos navegadores antiguos (como Internet Explorer y Opera Mini) no admiten este formato. Si necesita compatibilidad con estos navegadores, o si desea utilizar un formato diferente, puede seguir los pasos que se indican a continuación para modificarlo.

1. Cambiar el formato del archivo de fuentes

en caso de que woff2 no es adecuado para algunos navegadores, puede cambiar el formato del archivo de fuentes a woffEs compatible con más navegadores.

Modifica el método:

• Abra el tema hijo, edite funciones.php Documentación.
• Añada el siguiente código:

// Cargar formatos de fuente distintos de "woff2".
add_filter( 'astra_local_google_fonts_format', 'update_astra_local_fonts_format' ); }
function update_astra_local_fonts_format( $font_format ) {
  $font_format = 'woff'; // Cambia el formato a "woff" u otra cosa.
  return $font_format;
}

Esto permite utilizar woff Formatee las fuentes cargadas para que sean compatibles con más navegadores.

2. marca blanca Astra self-hosted Google Fonts feature

Por defecto, Astra añadirá un nuevo archivo a la carpeta fonts y a la carpeta local CSS Añada lo siguiente al nombre del archivo Astra Logotipo de la marca. Si desea eliminar el logotipo de la marca y ponerlo en marca blanca, puede modificarlo utilizando el siguiente código:

• Cambie el nombre de la carpeta de fuentes:

add_filter( 'astra_local_fonts_directory_name', 'update_astra_local_fonts_file_directory_name' );
function update_astra_local_fonts_file_directory_name( $folder_name ) {
  $folder_name = 'mysite'; // Cambia 'mysite' por el nombre de carpeta deseado.
  return 1TP4Nombre_carpeta;
}

• Cambia el nombre del archivo CSS local:

add_filter( 'astra_local_font_file_name', 'update_astra_local_fonts_file_name' );
function update_astra_local_fonts_file_name( $file_name ) {
  $file_name = 'mysite-font'; // Cambia 'mysite-font' por el nombre de archivo deseado.
  return 1TP4Nombre_archivo;
}

Con estos cambios, los nombres de las carpetas de fuentes y de los archivos CSS ya no incluirán el prefijo Astra Logotipo de marca, totalmente conforme con los requisitos de personalización.

3. Borrar la caché

Una vez realizadas las modificaciones, vaya a Astra > Configuración y haga clic en "Borrar archivos de fuentes locales". . Esto borrará la caché antigua y garantizará que los cambios surtan efecto inmediatamente.

sugerencia

Al realizar estos cambios, se recomienda utilizar la función subtemapara evitar que los ajustes personalizados se pierdan al actualizar el tema. Si no está seguro de cómo configurar un tema hijo, puede consultar el tutorial. Además, lo mejor es configurar un subtema en la carpeta entorno provisional Las pruebas se realizaron para evitar afectar directamente al sitio web oficial.

resúmenes

habilitando Astra temática Fuentes Google autoalojadas los usuarios pueden cargar las fuentes localmente para mejorar el rendimiento del sitio web. Si necesita admitir más formatos de navegador o eliminar la funciónidentidad de marcalas modificaciones de este artículo pueden ayudar a completar la configuración de personalización.

Últimos artículos

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: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres