8
votes

Chrome svg webfonts personnages bizarres dans Sélectionner une entrée

chrome 26.0.1410.64m sous Windows 8 a des problèmes de rendu des webfons. C'est un problème connu et une solution est de servir d'abord la version SVG de la police au lieu de la version Woff. Il corrige l'anti-aliasing et rend la police jolie à nouveau.

L'inconvénient de cette méthode est le rendu étrange à l'intérieur de l'élément à l'intérieur de Sélectionner des entrées.

J'ai ajouté un jsfiddle pour le voir en action:

PS: les autres polices de navigateur non incluses dans Jsfiddle pour filtrer le problème et chaque navigateur a ses propres bizarreries (ne permettant pas la taille de la police, etc.) mais rend le texte fine

html css google-chrome rendering webfonts

3 commentaires

Pourriez-vous s'il vous plaît partager le lien vers le rapport de bogue ici?

Je viens de créer une comme je l'ai testé sur plusieurs appareils avec Chrome et peut vérifier le problème. code.google.com/p/chromium/issues/ ...

BTW, ce n'est pas seulement Win8, même problème sur OSX Chrome.

3 Réponses :

3
votes

Il n'y a aucun moyen de résoudre ce problème.

Ce n'est pas un problème de régression et existe depuis M24.
J'ai soumis un rapport de bogue et il Rendu de caractère étrange Dans le menu Option

2 commentaires

Compte tenu de la priorité, ils donnent aux problèmes de rendu des polices en général, il est peu probable que nous le verrons bientôt. Pour ce que ça vaut la peine, j'ai joué le rapport de bogue pour lui donner un peu plus de poids. Jusque-là, je vais retourner à la police générique pour mes cases de sélection

Oui, je suis restitué à la police normale aussi bien dans certaines cases. C'est un peu ennuyeux et facile à reproduire. Je suis déjà d'accord qu'ils ont des charges de polices rendant des bugs et c'est probablement un cas de bord pour eux

2
votes

As AutomaticoOo indiqué, il s'agit d'un problème connu avec Chrome. Cependant, vous pouvez contourner le problème avec une technique mentionnée dans la réponse sélectionnée pour ce message: Google Webfont rendu agité en chrome sous Windows . xxx

de cette façon, vous pouvez utiliser n'importe quelle police que vous souhaitez pour les navigateurs qui fonctionnent toujours et remplacez-la par une police HTML générique. pour chrome.

0 commentaires

0
votes

Donc, je cherchais en fait une réponse pour cela, et je suis tombé sur cette question. J'ai remarqué que ce bogue existe toujours aujourd'hui (je viens de le rencontrer, une si heureuse rencontre ...). Maintenant, je n'ai trouvé que 1 solution, qui placera la police SVG dernier dans la déclaration de la police @ (cela signifie également y compris tous les autres formats). Le seul problème est que, lorsque vous prenez des suivis, essayez de résoudre le rendu de la police (pour le faire tout à fait lisse et de choses), vous mettriez en réalité le SVG en premier. Voici quelques exemples pour le démontrer

1: SVG police dernier, pas de police nette, les options sont affichées à droite p> xxx pré>

Exemple 1 P>

Ainsi, comme vous pouvez le constater, les options de la zone Select Afficheront tout simplement bien, mais la police n'est vraiment pas ce griffe, Il suffit de regarder "registre" (vous pourriez remarquer cela mieux par rapport à mon deuxième exemple) P>

2: SVG polices de police, police nette, options stupides dans SELECT P>

@font-face {
font-family: 'OpenSansLight';
src: url('../font/OpenSans-Light-webfont.eot');
src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/OpenSans-Light-webfont.svg#open_sanslight') format('svg'),
     url('../font/OpenSans-Light-webfont.woff') format('woff'),
     url('../font/OpenSans-Light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal; }

0 commentaires