@ font-face在ff/opera中只是在chrome中不起作用

好吧，我對font-face元素有問題。它在Chrome中運行得非常好，但不適用於任何瀏覽器。問題是什麼？提前致謝。@ font-face在ff/opera中只是在chrome中不起作用

演示 - >http://codepen.io/designhorf/pen/AlJKp

2014-02-21 user3024950

嘗試生成的[fontsquirrel產生一些片段（http://www.fontsquirrel.com/tools/webfont-generator），比較和看着辦吧 –

這個網址http://www.designhorf.com/font /Nexa_Bold.otf，不起作用。 – sopanha

檢查了這一點：http://stackoverflow.com/questions/14287465/font-face-not-loaded/14287894#14287894 – 97ldave

你需要的不僅僅是一個OTF文件的更多。不同的瀏覽器需要不同的文件類型，IE和往常一樣不起作用。

@font-face{ font-family: 'YourFont'; src: url('../fonts/YourFont.eot'); src: url('../fonts/YourFont.eot?#iefix') format('embedded-opentype'), url('../fonts/YourFont.woff') format('woff'), url('../fonts/YourFont.ttf') format('truetype'), url('../fonts/YourFont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; }

產生兩個密碼，並與文件的重要資源是 http://www.fontsquirrel.com/tools/webfont-generator

玩得開心！

來源

2014-02-22 01:12:54 slynagh

如果你的目標IE9及以上，剛剛雜項文件和.woff實際上是不夠的。對於ttf，eot和svg沒有必要（事實上，svg和eot是非常不鼓勵的），第一個僅適用於IE8及更低版本，後者是巨大的，並且非常可怕）。在[otf，woff]訂單中加載它可以在FF，Chrome，Opera，IE9 +和Android 4.4+以及Android 4上的FF/Chrome中運行。* –

@ font-face在ff/opera中只是在chrome中不起作用

回答

相關問題