Guide complet pour implémenter l'hébergement local des polices dans les thèmes GeneratePress

Afin d'améliorer la vitesse de chargement des sites web et de protéger la vie privée, de nombreux webmasters choisissent d'héberger leurs fichiers de police localement plutôt que de s'appuyer sur des services externes tels que Polices de caractères GoogleCet article décrit comment télécharger et héberger localement des polices dans l'environnement du thème GeneratePress. Cet article décrit les étapes spécifiques pour télécharger et héberger localement des fichiers de polices dans l'environnement du thème GeneratePress.

1) Télécharger le fichier de police

• utiliser Aide pour les polices de Google et d'autres outils pour rechercher et sélectionner les polices souhaitées.

• Cochez les variantes de polices nécessaires pour éviter d'alourdir la page.

• Ne copiez pas le code CSS, téléchargez le fichier de police zip et décompressez-le.

2. télécharger les fichiers de polices

WordPress Par défaut, la médiathèque limite les téléchargements de fichiers de police.

Nous recommandons d'utiliser le plugin "Code Snippets" pour éviter le risque de modifier directement les fichiers du thème.

Ajouter un nouvel extrait de code au plugin qui colle les permissions de téléchargement du fichier de police pour l'élémentfonction (math.)Code.

Après avoir sauvegardé et activé l'extrait de code, la fonctionmédiathèqueTéléchargez tous les fichiers de polices décompressés.

Ajouter ce qui suit PHP Code, autorisation temporaire de téléchargement de fichiers de police ouverts (mise en place)sous-thème functions.php (ou gérée avec un plugin d'extraits de code) :

add_filter( 'upload_mimes', function( $mimes ) {
    $mimes['woff'] = 'application/x-font-woff' ;
    $mimes['woff2'] = 'font/woff2' ;
    $mimes['ttf'] = 'application/x-font-ttf' ;
    $mimes['svg'] = 'image/svg+xml' ;
    $mimes['eot'] = 'application/vnd.ms-fontobject' ;

    return $mimes.
} ) ;

Téléchargez le fichier de police décompressé, il est recommandé de supprimer le code après le téléchargement.

3. obtenir un lien vers le fichier de police

• Copier un fichier de police dans son intégralité URL, par exemple : http://your-site/wp-content/uploads/2019/02/font-name.woff2
• Supprimez le nom du fichier et conservez uniquement le chemin d'accès au répertoire en tant qu'élément d'information. CSS Utilisation du chemin.http://votre site/wp-content/uploads/2019/02/

4. générer et ajouter le CSS @font-face

Revenons à l'aide Google Fonts pour télécharger des fichiers de polices.

• Renseignez le chemin d'accès au répertoire dans Google Fonts Helper.http://your-site/wp-content/uploads/2019/02/

• Copiez le code CSS complet généré.

• Coller dans le backend de WordPress "Apparence" → "Personnaliser" → "Attacher le CSS", ou le fichier de style du thème enfant.

5. ajouter des polices locales aux thèmes de GeneratePress

• Allez dans "Apparence" → "Personnaliser" → "Typographie".
• Ajout de noms de polices (avec CSS) police de caractères (cohérent).

• Désactivez l'option Google Fonts et activez les polices locales.
• Définissez la plage d'application des polices et enregistrez pour prendre effet.

6. faire apparaître les polices locales dans l'éditeur de blocs de WordPress.

L'éditeur de blocs ne charge pas les personnalisations par défaut @font-face CSS.

Si CSS est dans "Additional CSS", ajouter l'éditeur d'injection de code :

add_filter( 'block_editor_settings_all', function( $editor_settings ) {
    $css = wp_get_custom_css_post()->post_content ;
    $editor_settings['styles'][] = array('css' => $css ) ;

    return $editor_settings ;
} ) ;

Si le CSS se trouve dans le thème enfant style.css, ajouter le code :

add_filter( 'generate_editor_styles', function( $editor_styles ) {
    $editor_styles[] = 'style.css' ;

    return $editor_styles ;
} ) ;

Une fois cette opération effectuée, l'éditeur affichera correctement les polices locales.

résumés

Les polices hébergées localement améliorent la vitesse de chargement et réduisent les dépendances tierces. Combiné avec les fonctionnalités de typographie du thème GeneratePress, complet avecstyle calligraphiqueLes autorisations de téléchargement et d'envoi de fichiers sont activées,CSS L'ajout de configurations de polices pour les thèmes et les éditeurs permet un hébergement local parfait des polices, ce qui améliore l'aspect visuel et les performances de votre site web.

Mises à jour récentes

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.