Skip to content

Amélioration du lissage des polices web

Ghost User requested to merge (removed):patch-1 into master

Solution temporaire pour améliorer le lissage des polices web dans certain cas. Ce avec les propriétés : -webkit-font-smoothing et -moz-osx-font-smoothing. L'objectif étant d'améliorer le rendu dans certains cas de figure (certain OS / moteurs de rendu), faute d'avoir une solution qui fonctionne partout. (Après ça reste du web, donc l'objectif n'est pas non plus d'avoir exactement le même rendu partout).

Les plus :

  • Suppression de l'aliasing et de l'excédant de gras des polices (notamment visible sur les titres)
  • Pas d'utilisation de hack (genre police en graisse fine + petit text-shadow) qui pourrait gêner les cas de figure où le rendu est bien de base

Les moins :

  • Utilisation de propriété non standardisées, qui rend l'application restreinte (et puis bon le non-standard ça pu hein) à gecko/stylo et webkit/blink

Ressources

  • Captures de test sous Firefox 58 sous MacOS : avant / après
  • Pour faciliter le teste sur divers supports vous pouvez les propriétés via l'inspecteur d'élément sur la balise body -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;

Merge request reports