Pourquoi l'anticrénelage des polices diffère-t-il entre Windows et Mac, et comment puis-je y remédier à l'aide de @font-face ?

Disparités d'anticrénelage des polices sur Windows et Mac : résolution @font-face

Lors de l'utilisation des kits @font-face de Font Squirrel, les développeurs Web rencontrent souvent des différences dans le rendu des polices entre les systèmes Windows et Mac. Les navigateurs Windows affichent la police avec un anti-aliasing plus épais et plus grossier que les navigateurs Mac.

Pour remédier à ce problème, il a été découvert que Chrome a spécifiquement une préférence pour l'ordre des formats de fichiers de police inclus dans @font -déclaration face. En déplaçant le format de fichier de police SVG en haut de la liste, permettant à Chrome de lui donner la priorité, le problème d'anticrénelage peut être résolu.

Déclaration @font-face révisée :

@font-face {
    font-family: 'HLC';
    src: url('/_styles/hlc/hl-webfont.svg#HLC') format('svg'),
         url('/_styles/hlc/hl-webfont.eot') format('embedded-opentype'),
         url('/_styles/hlc/hl-webfont.woff') format('woff'),
         url('/_styles/hlc/hl-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Cette déclaration révisée garantit que Chrome donnera la priorité au fichier de police SVG, ce qui entraînera un rendu de police anti-aliasé cohérent et de haute qualité sur les plates-formes Windows et Mac.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!