How will the use of various formats with @font

Using four various formats of my web font (eg calculated for me by www.fontsquirrel.com) : True Type / EOT / SVG / WOFF and embedding them via CSS as such:

src: url('../fonts/webfont.eot'); src: local('☺'), url('../fonts/webfont.woff') format('woff'), url('../fonts/webfont.ttf') format('truetype'), url('webfont.svg#webfontAXSQe9it') format('svg');

... will each Browser load all of the four fonts or just pick the one it likes best?

---

its partly a browser hack ie will load the ttf and is done

the local (smiley) prevents ie from downloading more new ff/chrome take the woff and are done the leftover browsers fall trough downloading them one by one till theres a useable version

also you can test this by creating a script that loggs the request or just check the server logs

the #webfontAXSQe9it is also a css trick used to prevent certain browsers loading that file

链接地址: http://www.djcxy.com/p/60794.html

上一篇: 使用字体时jQuery未对齐

下一篇: @font将如何使用各种格式