- 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...
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
Sign in to leave a comment.

