不同的網絡瀏覽器使用不同的字體格式,要使它跨瀏覽器工作並且不可避免地需要相當複雜的技巧,您必須聲明多個文件來源以滿足所有瀏覽器的相同字體,最簡單的方法是使用一臺發電機,如字體,松鼠
https://www.fontsquirrel.com/tools/webfont-generator
爲了獲得最佳的支持利用這個來聲明字體:
@font-face {
font-family: 'MyWebFontName';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
正如你所看到的,有支持的EOT 5種字體格式,W關閉,woff2,ttf和svg。您顯然需要提供這些文件並相應地更新源網址。
有關的播放當前狀態的更多信息對此有讀: https://css-tricks.com/snippets/css/using-font-face/
這一條几乎是一歲,但據我瞭解,向後兼容性它仍然具有現實意義和正確性,上面的代碼需要確保跨瀏覽器的字體一致性。
針對Web的TTF和SVG字體正在逐步淘汰,但對於舊版瀏覽器,仍然需要它們。爲了讓您放心,所有這些文件都不會在網頁加載時下載。只有特定瀏覽器支持的字體格式的文件纔會被下載。
你可以添加此鏈接從蘋果論壇到答案:https://discussions.apple.com/thread/3420084?start=15&tstart=0 –
看起來像寫在這裏的同一個人:http://hints.macworld.com/article.php?story=20111026025343144 – tinyCoder
是的,看起來像它:)我完全看到這兩個帖子,但沒有讀入他們太多... –