4 min de lecture
Vous pensez qu’aucune des typographies de base sur Webflow ne convient à votre projet ? Dans ce cas, il faudra que vous en importes de nouvelles.Mais est-ce possible ? Oui, je vous rassure, c'est tout à fait possible. Comment ? Je vous dévoile quelques astuces pour ajouter une typographie sur Webflow.
Si vous faites partie de ceux qui ne viennent sur mon site que pour la première fois, vous devez savoir que vous pouvez avoir un compte Webflow gratuitement. Vous pouvez tout de suite gérer deux projets. Vos fonctionnalités seront évidemment limitées, mais sachez que vous pouvez déjà réaliser un beau projet.Vous pouvez même aller jusqu’à changer la typographie de votre site.
Changer la typographie d’un site webflow se fait en quelques clics seulement ! Pour cela, vous n’avez qu’à cliquer sur l’icône sous forme de pinceau en haut, à droite de votre écran. De là, vous pouvez modifier la typographie du site à votre convenance. Mais comme je vous l’ai dit au début, il se peut qu’aucune des typographies ne vous convienne. C’est là que vous devez en importer de nouvelles.
Pour modifier cette option, vous devez vous rendre sur le tableau de bord de votre compte. Là encore, il y a 3 manières d’ajouter une typographie sur Webflow :
Il y a une vidéo Youtube dans laquelle je décris cela en bas de l'article. Soutenez-moi en vous abonnant à la chaine YouTube "Happy Desk Design"
Pour le premier cas, vous vous facilitez beaucoup la tâche ! Pas besoin de télécharger des polices de Google Fonts pour ajouter une typographie sur Webflow. En effet, un API de Google est installé sur Webflow. Mais encore, il se met à jour automatiquement et régulièrement. Aucun risque de manquer les tendances du moment !
Parlons maintenant de Adobe Fonts. Webflow a aussi un API de cette plateforme. Cela signifie que toutes les typographies que vous avez dans votre compte Adobe sont directement disponibles sur Webflow.
Enfin, la troisième option concerne les typographies personnalisées ou celles téléchargeables sur internet. Pour ce cas-ci, il suffit d’importer directement les typographies concernées.Il faudrait d’abord les télécharger en fichier ZIP. Ensuite, vous devez le décompresser. Vous cliquez alors sur le bouton importer, et là, vous pouvez sélectionner plusieurs typographies. Elles sont de suite utilisables.
Vous connaissez Font Awesome ? Il s’agit d’une bibliothèque d'icônes gratuites et payantes (mais à mon avis, vous pouvez vraiment vous passer du compte payant ; vous avez tout ce dont il vous faut avec le gratuit).
Si vous voulez ajouter des icônes sur votre site sans devoir importer des images en csv, vous n’avez qu’à passer par Font Awesome (sachant que les images vont alourdir votre site web). Et pourtant, vous pourrez encore modifier le format de l’icône, son style, son épaisseur, sa taille, sa couleur…
Comment donc l’utiliser ? Utilisez la barre de recherche pour chercher l’icône qui vous intéresse. Prenons un exemple : vous voulez une flèche ? Dans ce cas, écrivez ce nom dans la barre de recherche (en anglais, parce que le site est en anglais). Comme je l’ai mentionné tout à l’heure, vous n’avez pas besoin de le télécharger en svg. Copiez l’icône, et ensuite, collez-la quelque part sur votre site (là où il doit se mettre).
Au début, il apparaîtra sous forme de carré. Ne vous inquiétez pas, c’est tout à fait normal. Maintenant, sélectionnez cette icône, et choisissez la typographie que vous voulez (celle que vous venez d’importer, par exemple). Votre icône apparaîtra alors sous sa vraie forme. Enfin, comme toutes les polices, vous pourrez enfin changer sa couleur, sa taille, etc.
Conclusion
Le design d’un site web dépend de plusieurs choses : couleurs, structure… Mais le choix des typographies n’est pas en reste. Cet élément peut même faire toute la différence ! D’où l’importance de bien la choisir. Heureusement pour vous, vous pouvez désormais ajouter une typographie sur Webflow (n’importe laquelle).
Vous ne ratez jamais aucun de mes articles (et vidéos), mais vous ne vous êtes pas encore décidé à vous inscrire sur Webflow? C’est peut-être le moment, vous ne croyez pas ? ;)
YouTube : Comment ajouter une typographie sur Webflow ?
Revenez sur cette page chaque fois que vous voudrez. Avez-vous trouvé des idées que j’aurais oubliées ? Si oui, lesquelles ? Laissez un commentaire ci-dessous ou envoyez un e-mail à hello@happydesk.be
Dans la joie et la bonne humeur
Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.
