1. Comprendre le nouveau fonctionnement des polices dans Framer
Depuis une mise à jour récente de Framer, l’importation des polices personnalisées a changé.
👉 Il n’est désormais plus possible d’importer une police directement depuis un design.
Toutes les polices doivent être ajoutées au niveau du workspace, puis utilisées dans les projets.
Dans ce guide complet, tu vas apprendre la méthode actuelle et officielle pour importer une police sur Framer.
Ce qui a changé
L’import de police se fait uniquement depuis le workspace
Le design sert uniquement à utiliser les polices existantes
Le bouton “Custom” dans le sélecteur de police renvoie vers le font manager du workspace
Avantages de cette approche
Pas de doublons entre projets
Meilleure cohérence de marque
Idéal pour le travail en équipe
2. Préparer la police avant l’import
Avant d’ajouter une police dans Framer, vérifie :
Formats acceptés :
.woffou.woff2Une graisse = un fichier (Regular, Medium, Bold, etc.)
Si la police l'exige, la licence autorisant l’usage web
💡 Astuce : privilégie woff2, plus léger et mieux optimisé.
3. Importer une police dans le workspace Framer
C’est désormais la seule méthode d’importation.
Étapes :
Ouvre le Dashboard Framer
Accède aux Workspace Settings
Va dans la section Fonts
Clique sur Upload
Importe tes fichiers
.woffou.woff2
Une fois l’import terminé, la police est :
Disponible dans tous les projets du workspace
Visible dans le sélecteur de typographie sous Custom
4. Utiliser la police dans un design
Une fois la police ajoutée au workspace :
Ouvre un projet Framer
Sélectionne un texte sur la page
Dans Font, ouvre le sélecteur de police
Choisis ta police dans Custom
Aucune importation supplémentaire n’est nécessaire dans le projet.
5. Bonnes pratiques essentielles
Pour un site propre et performant :
Limite-toi à 1 ou 2 familles de polices
N’importe que les graisses réellement utilisées
Crée des styles de texte (titres, paragraphes, boutons)
Teste le rendu sur desktop et mobile
Conclusion
Avec les dernières mises à jour de Framer, les polices personnalisées sont importées uniquement au niveau du workspace. Une fois ajoutées, elles peuvent être utilisées librement dans tous les designs via le sélecteur de typographie.
Cette approche simplifie la gestion des polices, améliore la cohérence visuelle et s’intègre parfaitement dans la logique no code moderne de Framer.
Questions fréquentes sur le sujet
Comment importer une police personnalisée sur Framer ?
Depuis la nouvelle méthode, l’import se fait uniquement au niveau du workspace. Il faut aller dans Workspace Settings → Fonts → Upload, importer les fichiers .woff ou .woff2, puis la police devient disponible dans tous les projets du workspace.
