web-dev-qa-db-fra.com

Pourquoi la police Segoe UI ne fonctionne-t-elle pas dans Google Chrome sur Metro Bootstrap?

Lorsque vous visualisez Metro bootstrap dans Firefox, la police a l'aspect normal, alors que, dans Chrome, la valeur par défaut est ce que je suppose est Helvetica. Le problème est que je ne sais pas où se trouve la police "Nice" qui apparaît dans Firefox.

Le nom de la police est Segoe UI, mais il n'y a pas de fichier de police portant ce nom dans le package Bootstrap, il n'est pas référencé avec une déclaration @font-face et il n'y a pas de code SiFR ni Cufon. Je ne sais pas pourquoi Firefox sait comment l'afficher.

Est-ce que Segoe UI est fourni avec Firefox? Je ne sais pas trop comment résoudre ce problème. Peut-être que l'ajout d'une nouvelle déclaration @font-face via Font Squirrel serait excessif s'il existe une solution plus simple?

Sur l'image ci-dessous, à gauche, la manière dont Firefox affiche la page et à droite, comment Chrome.

Metro bootstrap font comparison between Chrome and Firefox

1
3Nex

Non, l'interface utilisateur de Segoe n'est pas fournie avec Firefox.

Segoe UI est l'interface par défaut pour les éléments d'interface Windows commençant par Windows Vista et Microsoft Office 2007. Vous pouvez donc obtenir Segoe UI et d'autres variantes de Segoe en installant Office 2007 ou une version ultérieure, ou Windows Vista ou une version ultérieure.

Plus d'informations peuvent être trouvées ici:

Par conséquent, cette police n'est peut-être pas installée sur les ordinateurs exécutant Windows XP ou des systèmes d'exploitation autres que Windows. En regardant Metro bootstrap CSS, il devrait revenir à "Helvetica Neue". Ce qui est une police installée sur la plupart des Mac.

Si aucune variante de Segoe UI ou Helvetia Neue n’est utilisée, la police Sans-Serif par défaut de votre navigateur est utilisée. Ironiquement, cela semble être Segoe UI (du moins sur ma machine).

Etant donné que cela ne rend pas non plus la page dans Segoe, je suppose que le système sur lequel vous exécutez chrome on ne contient pas les polices Segoe.

Autant que je sache, Word pour Mac n'installe pas les polices Segoe.

3
Amy

Bien que je ne connaisse pas les polices Windows en question, ce problème peut être dû à la façon dont les différents navigateurs recherchent les noms de police. WebKit recherche d'abord les noms font-family en cherchant une correspondance dans le nom PostScript de la police. Ainsi, si vous avez par exemple font-family: "UniverseLT330", "UniversLT", "Univers", san-serif;, WebKit correspondra à UniversLT330 si elle est disponible, même si elle représente un visage pas un famille. Mozilla ne recherchera que les correspondances de noms de famille, et par conséquent, correspondra à "Univers" si disponible, et à sans-serif sinon. Se pourrait-il que vous ayez un nom de police différent avant Segoe UI que Chrome récupère et que Firefox manque? Sans voir le CSS, nous sommes un peu en train de poignarder dans le noir ici.

0
Nicholas Shanks