Source : Font Face Best Practices Guide for 2013
Billet créé suite à des problèmes d’affichage des polices sous iPhone 5 et autres supports iOS utilisant un navigateur webkit.
Note : il est préférable de consigner le code ci-dessous dans des feuilles de style plutôt qu’imbriqué dans une balise <style type="text/css" />
dans du code HTML.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
@font-face { font-family: font; src: url('/fonts/font.eot'); src: url('/fonts/font.eot?#iefix') format('embedded-opentype'), url('/fonts/font.woff') format('woff'), url('/fonts/font.otf') format('opentype'), url('/fonts/font.ttf') format('truetype'), url('/fonts/font.svg#font') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: font; src: url('/fonts/font.svg') format('svg'); } } body { -webkit-font-smoothing: antialiased; } |