initClub · 1ère Communauté Webflow Francophone

Updated 4 weeks ago

Différences de rendu de font entre Figma et Webflow

Bonjour à tous,

J'ai un petit souci de rendu de font entre figma et Webflow
La première capture est le figma, la seconde l'inté dans Webflow. Les 2 utilisent la même font, à savoir Roboto Mono (celle que j'ai intégrée dans Webflow m'a été fournie par le client, c'est donc celle qu'il a utilisée dans Figma).

Avez-vous déjà eu ce genre de problème ? Perso c'est la première fois. J'ai souvent des rendus légérement différents au niveau des weight, mais la c'est quand même assez flagrant

Attachments
image.png
image.png
N
A
9 comments

Hello, oui les font c'est relou !

ca je le savais, mais je n'avais jamais eu un tel gap ! On dirait clairement pas la même font 😞
Merci pour la video, je vais aller voir ca

@Nicolas Tizio je viens de regarder la video.
Je n'aurai pas pensé à ca car je n'avais pas l'impression que c'était le même souci. Tu pense que si la font semble étirée une fois intégrée dans Webflow (hyper visibile sur le "O"), c'est lié à une souci de line Height ?

Est-ce que tu as essayé d’importer la même font du figma vers le site ? Ou récupérer la font depuis Google ? As-tu vu des différences ?
Tu as peut-être le script par défaut sur webflow pour lisser les polices qui est activé, ce qui peux impacter la mise en forme.

@Nicolas Tizio merci encore pour la video ! Ca n'a pas résolu mon souci initial (finalement le designer m'a transmis une autre font), mais ca en a corrigé un autre 😅

Add a reply
Sign up and join the conversation on Slack