Comment charger conditionnellement @ Font-Faces via CSS3?
Curieusement, lorsque vous utilisez une belle police, comme par exemple la version multilingue Calibri fotn (une police win7), elle est même téléchargée même si un utilisateur a déjà la police déjà installée, lorsque j'utilise le fichier CSS suivant:
@charset "utf-8";
@font-face {
font-family: Calibri;
src: url('http://blabla.com/calibri.eot')
}
Cependant: cette police est de 400 ko compressée, et je voudrais qu'elle soit SEULEMENT téléchargée, si la police n'est PAS présent ou installé sous ce nom/nom de famille, non?
Question: Est-il possible de configurer une règle conditionnelle soignée pour cela, pour les navigateurs modernes (par exemple IE8 +, Firefox 3+, etc.). Comment l'implémenter? Merci pour tous les indices!
Vous pouvez le faire comme ça:
@font-face {
font-family: Calibri;
src:
local('Calibri'),
url('http://blabla.com/calibri.eot');
}