La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

CSS3 Font Face Utiliser des polices de caractère non standard.

Présentations similaires


Présentation au sujet: "CSS3 Font Face Utiliser des polices de caractère non standard."— Transcription de la présentation:

1 CSS3 Font Face Utiliser des polices de caractère non standard

2 Le séléecteur @font-face Format du fichier de police: Otf pour Firefox, Chrome, Opera Eot pour Internet Explorer Il existe aussi les formats: Svg Ttf Woff (Web Open Format Font) Dans l’avenir le format woff devrait logiquement s’imposer, il s’agit d’un standard W3C depuis 2009. Il est supporté par tous les navigateurs, dont Internet Explorer à partir de la version 9.

3 Obtenir les fichiers de police FontSquirrel http://www.fontsquirrel.com/fontface/generator Permet de convertir un fichier de police dans les différents formats requis. Mais seulement si ces derniers sont libres de droit.

4 Un exemple 1.@font-face { 2. font-family: ‘nom local'; 3. src: url('quadranta.eot'); 4. src: url('quadranta.otf') format('truetype'), 5. url('quadranta.woff') format('woff'), 6. url('quadranta.eot?#iefix') format('embedded- opentype'), 7. url('quadranta.svg#QuadrantaBold') format('svg'); 8.} 1.@font-face { 2. font-family: 'nom local'; 3. src: url('quadranta.woff') format('woff'); 4.}

5 Un exemple d’utilisation 1.h1, h2, h3 { 2. font-family: 'nom local'; 3.}


Télécharger ppt "CSS3 Font Face Utiliser des polices de caractère non standard."

Présentations similaires


Annonces Google