Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
Publié parAxelle Dupuis Modifié depuis plus de 10 années
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.}
Présentations similaires
© 2024 SlidePlayer.fr Inc.
All rights reserved.