Discussion :

[pierrot10]

Bonjour à tous,
on me demande d'utiliser une font special qui n'est forcément compatible avec tous les navigateurs.

J'ai vu qu'il y a @font-face.

Mais j'ai pu lire qu'il n'est pas compatible avec IE8, ce qui est problématique.
Aussi, est-il compatible qu'avec CSS3?

Je cherche une maniere simple d'utiliser des font spécial sachant que je peux uploader la font en question.

Auriez-vous une bonne solution à me donner, compatible avec tous les browsers les plus utilisés?

Milles mercis

[Muchos]

Javascript semble être une solution. Ce tuto donne des infos sur deux alternatives à @font-face (Cufon et JQuery).

Je précise tout de même que @font-face n'exclut pas de définir des polices standards en remplacement. Au pire, IE8 n'affichera pas la fonte fantaisie, mais la/les fontes standards…

[bourvil]

Tu peux regarder du cote de google font
http://www.google.com/webfonts

[Torgar]

IE8 gère le @font-face, il faut juste lui fournir le bon type de fichier.

Internet Explorer ne sait "lire" que les fichiers Embedded OpenType (.eot).

Ce code devrait charger la police quelque soit le navigateur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
@font-face {
    font-family: 'ma_police';
    src: url('ma_police.eot') format('eot'),
    url('ma_police.woff') format('woff'),
    url('ma_police.ttf') format('truetype'),
    url('ma_police.svg') format('svg');
}

Attention toutefois, il semblerait (non testé) que IE (et consort ?) charge(nt) toutes les fonts. A tester.