Comment améliorer l'apparence des polices dans google chrome ?

Toutes ces réponses sont fausses ! Il s'agit d'un bogue important dans Google Chrome. Veuillez consulter le rapport officiel sur le bogue ainsi que de nombreuses captures d'écran ici : Rapport officiel de bogue sur Chrome Code

Actuellement, la meilleure solution consiste à donner à votre élément/titre cette règle simple :

-webkit-text-stroke: 1px

Ajout du Dr John : J'ai trouvé une suggestion qui html { -webkit-text-stroke: 0.25px} fonctionnerait aussi bien - je l'ai trouvé ici 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.

1. Pour résoudre ce problème, fermez d'abord le navigateur Chrome.

2. Maintenant, cliquez avec le bouton droit de la souris n'importe où sur le bureau et sélectionnez "Propriétés" dans le menu déroulant.

3. Cliquez sur l'onglet "Apparence" situé en haut de la nouvelle fenêtre.

4. Et cliquez sur le bouton "Effets".

5. La deuxième option vers le bas devrait être la suivante : "Utilisez la méthode suivante pour lisser les bords des polices à l'écran."

6. Sélectionnez l'option "ClearType".

7. Cliquez sur Appliquer et ouvrez à nouveau votre navigateur Chrome.

À partir de maintenant, Chrome rendra vos polices de manière anticrénelée pour un effet lisse.

Placez le fichier SVG plus haut dans la règle css font-face, soit au premier ou au deuxième rang 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 FontSpring
Exemples d'Adtrak

L'accélération GPU est-elle activée dans Google Chrome ? Tapez about:flags et cherchez le GPU Accelerated Canvas 2D Désactivez-la si elle est activée. Les polices de certains sites apparaissent très irrégulières lorsque je navigue avec l'accélération activée.