Comment ajouter des polices sur Webflow

Comment ajouter des polices sur Webflow

Résumez cet article avec une IA
min
de lecture
Publié le
July 1, 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.

ajouter des polices sur Webflow

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

Ajouter des polices 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 !

Combien de polices custom puis-je ajouter sans impacter la performance ?

2-3 max pour la performance ! Une pour les titres, une pour le corps de texte, éventuellement une accent. Chaque police = temps de chargement supplémentaire. Less is more, votre site vous remerciera !

Quelle est la différence entre les polices standard et variable fonts ?

Variable fonts = une seule police avec toutes les graisses intégrées ! Au lieu de charger Regular + Bold + Light, vous chargez un fichier qui fait tout. Performance ++ et flexibilité maximale. L'avenir est là !

Comment optimiser le chargement des polices pour améliorer la vitesse ?

Ajoutez font-display: swap dans le code custom CSS ! Ça affiche d'abord une police système puis swap avec votre custom font. Plus de page blanche pendant le chargement. Vos visiteurs adorent !

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