Profile image for Joost Kiens joost.kiens
Use a '?' to create a query string, this fixes a bug in the src attribute for <IE9.
Works for Android 2.2+.

Source: http://www.fontspring.com/blog/t...
Language
CSS
Tags
@fontface
Favorited By
Profile image for Der Dools Profile image for Greg Berlin Profile image for Kobus Myburgh Profile image for Joseph Price Profile image for Patrick Sparrow Profile image for Nipesh Shah Profile image for Luis Herrero Profile image for Nico Nico Profile image for Mauro Artizzu Profile image for wesley soares Profile image for Kevin Schueller Profile image for Mariusz Kujawski Profile image for Moh. Sulton Hasanuddin

New bulletproof @fontface syntax

1 /* Fonts as files */ 2 @font-face { 3 font-family: 'MyFontFamily'; 4 src: url('myfont-webfont.eot?') format('eot'), 5 url('myfont-webfont.woff') format('woff'), 6 url('myfont-webfont.ttf') format('truetype'), 7 url('myfont-webfont.svg#svgFontName') format('svg'); 8 } 9 /* Fonts as data uris */ 10 @font-face { 11 font-family: 'MyFontFamily'; 12 src: url('myfont-webfont.eot?') format('embedded-opentype'); 13 } 14 15 @font-face { 16 font-family: 'MyFontFamily'; 17 url(data:font/truetype;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE) format('truetype'), 18 url(data:font/woff;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE) format('woff'), 19 url('myfont-webfont.svg#svgFontName') format('svg'); 20 }

Comments