Safari, Firefox et affichage des polices
Un rapide essai d'usage de typo et quelques modifications
En effet, j'ai testé la Graublau Sans Pro dessinée par Georg Seifert et récupéré cette dernière depuis la page de démo…
Ce qui m'a surpris également est que, selon la provenance des typos truetype, elles s'affichent — ou non — sur FireFox. Ainsi, un test a été fait avec la très chouette TrashHand (gratuite…) dessinée par Luce Avérous — celle que j'utilise dans mon post-it en haut d'urbanbike — qui s'affiche bien sur Firefox… mais sans les accents alors qu'elle est impeccable sous Safari. Par contre la Graublau Sans Pro ne s'affiche que sous Safari et est substituée par du Verdana sous FireFox.
Du coup, j'ai testé une typo de Mark Simonson, toujours au format .ttf, qui fonctionne tant sous Safari…
Que sous Firefox (2.x).
Il s'agit de la non moins superbe Mostra…
À noter que ce n'est pas très compliqué à ajouter dans la CSS. Ici, celle d'urbanbike simplifiée…
.entry-title h3 {
font: large/1.2 'MostraThree', Verdana, 'Times New Roman', sans-serif;
}Mais après avoir déclaré la fonte :
@font-face {
font-family: "MostraThree";
src: url(<a href="http://www.mondomaine.com/ragnagna/MostraThree.ttf">http://www.mondomaine.com/ragnagna/MostraThree.ttf</a>) format("truetype");
}Après, bien entendu, avoir ajouté la typo dans un répertoire précis sur le serveur.
J'ai ensuite supprimé les typos de mon serveur et les infos de mes CSS car, si cela fonctionne sur Mac, quid du droit d'auteur si la typo peut être aisément récupérée…? C'est ce qui me chagrine pour les fontes payantes. L'autre inconvénient majeur est que cela ralentit significativement l'affichage de la page au premier chargement… Or c'est déjà ce que j'essaye de réduire. J'en ai d'ailleurs profité pour modifier un poil urbanbike vendredi soir. Comme j'ajoute de plus en plus de photos, j'ai réduit le nombre de billets affichés à 5 par page (au lieu de 10) ainsi que le sommaire à 25 liens (au lieu de 50)…
