Comment changer la police de mon site Webflow

Comment changer la police de mon site Webflow

Résumez cet article avec une IA
min
de lecture
Publié le
July 6, 2021
Mis à jour le
This is some text inside of a div block.
Et si on bossait ensemble ?
+ 350 projets réalisés
100% de satisfaction
Éligibles CII
Devis gratuit

Vous pouvez ajouter d'autres polices à votre projet directement à partir de la rubrique "Fonts" dans les paramètres de votre projets.

Vous pouvez accéder à ces paramètres par l'icône Webflow en haut à gauche de votre fenêtre lorsque vous êtes déjà dans votre projet, ou depuis votre Dashboard.

changer la police de son site Webflow

Vous pouvez également directement accéder à la page des polices directement grâce au bouton "add fonts" du panneau de Style.

modifier la police sur Webflow

Choisissez le bon format

Pris en charge par la plupart des navigateurs :

WOFF - Web Open Font Format

TTF/OTF — TrueType Font and OpenType Font

Acceptés par quelques navigateurs :

WOFF 2.0 — Web Open Font Format

EOT — Embedded OpenType

SVG — SVG fonts

Bon à savoir : Il n'est pas nécessaire de télécharger tous les formats de fichiers. Cependant, vous pouvez télécharger un certain nombre de formats différents pour assurer une compatibilité maximale avec les navigateurs. WOFF est un bon format offrant une compatibilité maximale avec les navigateurs et une bonne taille de fichier. Si vous ne disposez pas d'une version WOFF ou WOFF2 de vos fichiers de polices, vous pouvez utiliser des convertisseurs de polices disponibles en ligne.

Besoin d'aide ?
Contactez un expert
Ça s'agite là-bas dedans ?

Vos questions,
nos réponses !

Comment importer une police personnalisée dans Webflow ?

Super simple ! Project Settings > Fonts > Upload Font. Uploadez vos fichiers (WOFF2 de préférence pour la performance), nommez-les bien, et hop ! Votre police custom est dispo partout dans votre projet. N'oubliez pas d'uploader tous les poids nécessaires !

Quelle est la meilleure pratique pour gérer les polices dans Webflow ?

Limitez-vous à 2-3 polices max pour la performance ! Définissez vos styles sur les HTML tags (H1, H2, Body...) pour la cohérence. Utilisez Google Fonts quand possible, et prévoyez toujours des fallbacks (Arial, Helvetica...). La typo, c'est 50% du design !

Comment optimiser la performance des polices sur Webflow ?

Performance first ! Utilisez WOFF2, limitez les variantes (regular, bold, c'est souvent suffisant), activez font-display: swap dans le code custom. Google Fonts est votre ami pour la vitesse. Évitez les polices exotiques lourdes, votre site vous remerciera !

Ma question est plus complexe ?

Réserver un call avec un expert
Contactez NocodeFactory
Assez parlé,
à vous de jouer !
🥳 Estimation gratuite !
Merci ! Votre message a bien été envoyé 🥳
😿 Une erreur est survenue. Merci de recommencer
+ 350 projets
déjà réalisés