16
DEC

Type Rendering Mix - Uniformisez le rendu des typos web sur chaque OS

Publié le 16/12/13 à 09h38 par DJo

Type rendering mix est une bibliothèque Javascript permettant d'uniformiser le rendu des webfonts entre les différents OS/navigateur et apporte une solution d'antialiasing.

Type rendering mix est une bibliothèque Javascript permettant d'uniformiser le rendu des webfonts entre les différents OS/navigateur et apporte une solution d'anti-aliasing.

Vous l'avez peut être déjà constaté avec OS X et iOS, les polices sont souvent plus grosses que sur un PC sous Windows 7. Les webfonts ne sont pas homogènes d'un navigateur / OS à l'autre.

Type rendering Mix va permettre d'ajouter des classes spécifiques à la balise HTML de vos pages en fonction de votre user agent.

Il permettra alors de savoir quelles sont les méthodes utilisées par le navigateur pour réaliser l'antialiasing et le text rendering pour pouvoir proposer les classes qu'il faut et adapter en CSS le rendu final.

Son utilisation est relativement simple, il suffit d'inclure le fichier javascript et recharger la page pour avoir 2 classes dans la balise html:

1 classe pour le text rasterizing (tramage en Français):

  • tr-coretext pour OS X et iOS;
  • tr-gdi pour Windows XP et Windows Vista SP1;
  • tr-directwrite pour Windows Vista SP2 et versions suivantes;
  • tr-freetype pour Android et Linux.

Et une autre pour l'anti-aliasing:

  • tr-aa-none quand il n'y'a pas d'antialiasing
  • tr-aa-grayscale quand l'antialiasing grayscale est appliqué
  • tr-aa-subpixel quand l'antialiasing subpixel est appliqué

 

A vous d'apporter les bons correctifs CSS en fonction des classes pour uniformiser les textes de vos pages web.

 

Site Officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web