image du monde végétal — close-up

Safari, Firefox et affichage des polices

Un rapide essai d'usage de typo et quelques modifications
Dans | ça se regarde | typographie | utilo pratique |

par Jean-Christophe Courte

Si vous utilisez la version 3.1 de Safari, vous savez déjà que vous pouvez désormais afficher des typos spécifiques sur un site sans avoir ces typos sur votre propre serveur… Revers de la médaille, ces typos sont aisément récupérables comme j'ai pu le tester, par exemple, sur le site de fonts.info en cherchant simplement quelle est l'adresse physique de la typo sur le serveur distant.

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

C'est toute l'ambiguïté de ce dispositif, la typo en usage n'est pas protégée et j'ai écrit en ce sens à l'auteur de cette fonte sur ce risque potentiel. Le fait de ne pas ajouter de suffixe ne sert à rien, il suffit de le remettre après avoir téléchargé le fichier. Bref, ce n'est pas encore au point même si c'est une version allégée pour le web (mais j'en doute. Et dans le doute, je m'abstiens)… Note du samedi matin. À propos de la Graublau sans : Ralf m'écrit que ces deux typos sont libres et disponibles pour le web et téléchargement. Seules les versions pour le print sont payantes…

image

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…

image

Que sous Firefox (2.x).

image

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(http://www.mondomaine.com/ragnagna/MostraThree.ttf) 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)…

Les 50 billets suivants (sur les 2301 disponibles)...

logotype d'urbanbike
412 chroniques de livres…

Affichage pour écran iPhone

Rechercher via urbanbike


mode avancé

Rechercher via Exalead


Affiliations...

image d'appel vers notre partenaire image d'appel vers notre partenaire

À découvrir...

image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire image composée pour chaque lien partenaire

Au fil des mois...

09/08 08/08 07/08 06/08 05/08 04/08 03/08 02/08 01/08 12/07 11/07 10/07 09/07 08/07 07/07 06/07 05/07 04/07 03/07 02/07 01/07 12/06 11/06 10/06 09/06 08/06 07/06 06/06 05/06 04/06 03/06 02/06 01/06 12/05 11/05 10/05 09/05 08/05 07/05 06/05 05/05 04/05 03/05 02/05 01/05 12/04 11/04 10/04 09/04 08/04 07/04 06/04 05/04 04/04 03/04 02/04 01/04 12/03 11/03 10/03 09/03

Syndication ATOM...

symbolisation d'un fil RSS ou ATOM