A gauche, c'est firefox 4, à droite, c'est chrome 12. Y a-t-il un moyen de faire en sorte que le chrome rende les polices plus jolies ?
L'image ci-dessus a été prise sur windows xp. Ci-dessous, un autre exemple de windows 7.
Vérifiez les paramètres ClearType - la capture d'écran de Chrome semble être forcée de rendre non antialiasé. Cela tuera à peu près n'importe quelle police web, puisqu'elle n'a pas d'indices monochromes (pour des raisons de taille entre autres). J'avais l'habitude de voir ce rapport comme “IE rend le texte mieux”, parce qu'il ignore vos paramètres ClearType au niveau de l'OS et l'active par défaut.
Toutes ces réponses sont fausses ! Il s'agit d'un gros bug dans Google Chrome, veuillez consulter le rapport officiel de ce bug, y compris de nombreuses captures d'écran, ici : Rapport officiel de bogue sur le code de Chrome
Actuellement, la meilleure solution est de donner simplement à votre élément / titre cette règle simple :
-webkit-text-stroke: 1px
Ajout du Dr John : J'ai trouvé une suggestion que html { -webkit-text-stroke: 0.25px} fonctionnerait aussi bien - je l'ai trouvée https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4
Chrome lit votre paramètre ClearType qui, sous Windows XP, est désactivé par défaut. Pour résoudre le problème, fermez d'abord le navigateur Chrome.
Cliquez maintenant avec le bouton droit de la souris n'importe où sur le bureau et sélectionnez “Propriétés” dans le menu déroulant.
Cliquez sur l'onglet “Apparence” qui se trouve en haut de la nouvelle fenêtre.
Et cliquez sur le bouton “Effets”.
La deuxième option vers le bas doit se lire : “Utilisez la méthode suivante pour lisser les bords des polices de l'écran.”
Sélectionnez l'option “ClearType”.
Cliquez sur “Apply & Re-open” (Appliquer et rouvrir) de votre navigateur Chrome.
A partir de maintenant, Chrome rendra vos polices bien anti-aliasées pour cet effet de douceur.
Placez le fichier SVG plus haut dans la règle css de la police de caractères, soit en 1ère ou 2ème position par exemple :
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
au lieu de :
@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/gothamrnd-book-webfont.woff') format('woff'),
url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Des exemples de ce correctif peuvent être vus ici : Exemples de sources de caractères Exemples d'ajouts
Dans Google Chrome, cliquez sur la Clé > Options > Sous le capot > [en regard de Contenu Web] cliquez sur Personnaliser les polices.
Modifiez vos paramètres pour que votre page ressemble à la mienne
Cliquez ensuite sur le x, et voyez si votre problème est résolu.
Si cela ne résout pas le problème, il y a peut-être encore une chose… mais j'attendrai que vous essayiez ceci.
Chrome prend la valeur clearType du système pour les polices. Cela s'explique par le fait qu'il est plus facile à utiliser sous Windows 7. Sur un Mac, l'anticrénelage est activé pour toutes les polices de taille supérieure à 8, je suppose. Essayez d'activer la valeur (http://www.microsoft.com/typography/cleartype/tuner/tune.aspx) ou de modifier la valeur clearType de votre machine Windows
Mise à jour : Il semblerait que les Chrome 22 et plus ignorent les paramètres système pour clearType
J'ai eu exactement le même problème, en rendant les webfonts de http://www.google.com/webfonts en Chrome. J'ai essayé toutes les suggestions de ce site et de quelques autres, mais aucune n'a fonctionné.
Finalement, j'ai commencé à inspecter les propriétés CSS du texte affecté, il s'est avéré que la couleur de la police était celle qui causait le problème. Un titre donné color:#454545 serait mal rendu, mais le même titre donné de la manière suivante : color:#333 fonctionnait bien. Merci mon Dieu pour les feuilles de style spécifiques aux agents utilisateurs !
Le chrome ne rend pas bien les polices de caractères web pour le moment. Il y a plusieurs bogues sur leur issue tracker pour cela. Merci de les cocher si vous les trouvez pertinentes pour leur accorder plus d'attention.
Pour moi, ce n'était pas le paramètre ClearType de Windows 10.1 x64, mais il s'est avéré être un paramètre de mon navigateur Chrome appelé DirectWrite. Dans votre barre d'adresse, tapez
1 : chrome://flags/#directwrite
2. Et pour activer DirectWrite, le titre de ce paramètre dit Désactiver DirectWrite et assurez-vous que le bouton en dessous affiche le mot : Enable
Cela a réglé le problème pour moi.
J'ai eu ce problème si sévèrement dans Windows XP SP3 qu'il a rendu Chrome inutilisable à toutes fins utiles. J'ai remarqué que j'avais installé Clear Type Tuning dans le panneau de configuration et j'ai essayé de décocher “Enable Font Smoothing” dans l'onglet avancé. Après avoir redémarré Chrome, c'était bon, même après avoir réactivé le lissage des polices. J'ai décidé de cocher la case “Appliquer tous les paramètres aux valeurs par défaut pour les nouveaux utilisateurs et le système”.
Aller à chrome://flags/ (ou about:flags) et Désactiver l'option Over la liste de rendu du logiciel.
Canevas 2D accéléré doit être désactivé aussi.
Cette combinaison m'a aidé.
appuyez sur la touche windows + r puis tapez cttune.exe
une autre méthode consiste à appuyer sur la touche windows puis tapez cleartype puis sélectionnez Adjust ClearType Text
et suivez les instructions, si vous avez encore des problèmes essayez les autres exemples
cela a marché pour moi, vous devez essayer les différents exemples, c'est un peu comme la calibration du contraste/luminosité mais pour le texte à la place
FYI : désactiver l'accélération 2d pourrait aider à faire jouer le chrome avec l'outil cleartype tune de windows
Il semble que la réponse longue et difficile est que vous ne pouvez pas. Il y a beaucoup de discussions et de suggestions dans l'aide de Chrome , mais je ne vois rien qui vaille la peine d'être suggéré.
La grande question est de savoir comment vous faites pour que ça ait l'air si mauvais ! J'utilise Chrome pour taper dans cette boîte… J'ai même fait un zoom complet et je ne vois rien qui ressemble à ce que tu vois. Si vous avez encore des questions après cela, vous devriez expliquer votre configuration à la communauté.
Bien que le chrome soit “utilisable” pour les polices, il a l'air fin et délavé là où il rend surtout les lignes diagonales. IE rend beaucoup mieux mais IE est un navigateur plus lent et donc c'est FireFox.
Je crois que cela est inhérent au code de Chrome.
BTW, HackToHell, où dois-je aller pour changer la couleur de rendu ?
Je vais essayer ça.
Si vous souhaitez que les polices Web soient lisibles tout en ayant le lissage et la suppression des polices désactivées, la solution consiste à désactiver les polices Web dans Google Chrome. Dans ce cas, le navigateur utilisera les polices standard du système d'exploitation qui sont rendues correctement lorsque la fonction de lissage des caractères est désactivée. Pour ce faire, passez le drapeau /disable-remote-fonts à chrome.exe. Cliquez sur le raccourci Google Chrome sur le bureau, sélectionnez Propriétés, allez dans l'onglet Raccourci et définissez Cible :
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts
Il peut y avoir un problème avec la désactivation des polices web. Si le site web utilise des icônes de polices web, elles ne s'afficheront pas.
Le problème correspondant dans Chromium tracker :
“System-wide ClearType setting not respected for web fonts https://code.google.com/p/chromium/issues/detail?id=319429