romy.tetue.net

Développement front et conception web
X-HTML, CSS, SPIP, sémantique et accessibilité


I love Century Gothic

14 février 2009, 16 septembre 2011,
par Romy Têtue


Exemple de Century Gothic™ Regular

Century GothicTM est une police d’écriture sans-serif conçue par Monotype Imaging en 1991. Elle s’inspire de la police Twentieth Century de Sol Hess, qui a été conçue entre 1937 et 1947. Elle se caractérise surtout par les minuscules « a » et « g », et par les points suscrits (caractère diacritique) des lettres « i » et « j » de forme ronde.

La Century Gothic fait partie des « polices de cahier », c’est-à-dire des polices recommandées pour l’apprentissage de l’écriture. Les lettres n’ont pas d’empattement, elles sont espacées, la forme de la lettre « a »... Cette police serait plus facile à lire pour les jeunes enfants et pour les élèves dyslexiques.

Elle ne fait pas partie des « safe web fonts » : elle n’est pas présente sur tous les postes utilisateurs — elle équipe moins de 88 % des machines, essentiellement sous OS Windows, d’après CodeStyle Font Survey. Il faut donc, quand on fait le choix de l’utiliser sur le Web, lui trouver des polices de substitution.

Alternatives à Century Gothic

font-family: Century Gothic, sans-serif;
Portez ce vieux whisky au juge blond qui fume
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
font-family: Futura, sans-serif;
Portez ce vieux whisky au juge blond qui fume
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
font-family: Avenir, sans-serif;
Portez ce vieux whisky au juge blond qui fume
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
font-family: Avant Garde, sans-serif;
Portez ce vieux whisky au juge blond qui fume
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
font-family: Kabel, sans-serif;
Portez ce vieux whisky au juge blond qui fume
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
font-family: Gill Sans, sans-serif;
Portez ce vieux whisky au juge blond qui fume
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Font stack Century Gothic

C’est une police que j’affectionne depuis toujours et que j’ai tout naturellement souhaité utiliser sur mon site personnel. Pas simple !

- Cette famille est souvent recommandée :

font-family: “Century Gothic”, “Apple Gothic”, sans-serif;

mais elle est sans effet sur mon Mac, qui ignore la seconde police, Apple Gothic, dont je ne trouve mention que sur une page du support Mac OS X qui suggère cette police pour afficher le coréen.

- On voit aussi souvent recommandée, notamment dans ce guide des font stacks CSS, sur Smashing Magazine :

font-family: Futura, ‘Century Gothic’, AppleGothic, sans-serif;

mais Futura est bien trop grasse pour constituer une bonne alternative, voyez plutôt :

Exemple de Futura, Century Gothic et Apple Gothic

- À l’automne dernier, suivant je ne sais plus quel conseil, j’ai donc essayé :

font-family: "Century Gothic", "Heiti SC", "Heiti TC", AppleGothic, sans-serif;

mais certains internautes se plaignaient des apostrophes, que la police de substitution "Heiti SC" espace trop. Je n’ai trouvé aucune documentation à ce sujet, ni sur cette police dont il n’est question que sur des sites rédigés en Japonais, parfois à propos d’iPhone...

- Après étude d’autres polices approchantes, on peut raisonnablement déclarer :

font-family: "Century Gothic", "Avant Garde", Avenir, sans-serif;

- J’ai fini par trouver : la TeX Gyre Adventor Regular est une webfont a peu près satisfaisante en remplacement de la Century Gothic. Disponible sous GUST Font License, elle a été conçue en 1970, par Herb Lubalin and Tom Carnase, sur le modèle de l’Avant Garde Gothic.

Exemple de TeX Gyre Adventor Regular

Actuellement, j’essaye donc, avec satisfaction :

font-family: "Century Gothic", "Avant Garde", Avenir, TeXGyreAdventorRegular, Verdana, sans-serif;

Puisque je la charge (via @font-face), j’aurais pu adopter la TeX Gyre Adventor en la déclarant en premier pour m’assurer d’un rendu identique partout, me direz-vous... Mais non, c’est bien la Century Gothic qui a ma préférence ! Ainsi les postes qui en sont pourvu consulterons mon site de façon idéale, avec la Century Gothic, tandis que les autres consulterons avec la TeX Gyre Adventor, qui s’en approche au mieux.

(Publicité)

Voter pour cet artice sur hellocoton.fr Netvibes Del.ico.us

Vos commentaires

  • Le 7 novembre 2011 à 16:00, par Albtr Gravatar En réponse à : I love Century Gothic

    Un grand merci !! cette font est vraiment top pour les titres et je désespérais de m’en servir pour le web

  • Le 19 novembre 2011 à 12:54, par Kaelig Gravatar En réponse à : I love Century Gothic

    Salut,

    La Gill Sans est vraiment une excellente alternative à la Century Gothic, à condition de ne l’utiliser qu’en graisses lighter et normal.

  • Le 2 décembre 2011 à 16:55, par Tim Gravatar En réponse à : I love Century Gothic

    Merci, j’avais besoin d’intégrer une AvantGarde / Century Gothic et j’avais bien du mal à trouver comment faire au mieux. Très bonne trouvaille que cette TeX Gyre Adventor Regular !

  • Le 14 janvier à 00:38, par Raleway Gravatar En réponse à : I love Century Gothic

    Voici une autre fonte libre ressemblante, aussi légère, découverte chez Lea Verrou : Raleway, an elegant sans-serif typeface, designed in a single thin weight, dessinée par Matt McInerney.

Un message, un commentaire ?


Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom