2013-02-27 50 views
0

我正在開發一個網站,我有一個不尋常的問題。疑難解答網絡字體

我正在與fonts.com合作在我的網站上創建@ font-face類型。

我一直在測試/預覽我的工作在Firefox - 一切正常加載。

雖然在移動設備/ ipad/safari/chrome上,但我的字體無法加載。

用於網站預覽位於:

http://www.moneyworrier.com/about/team/kearsten-james.php

我可以粘貼整個CSS雖然我不覺得有什麼不合適的。例如

.base-menu { line-height: 18px; font-family:'Arial W01 Light'; font-size:12px;} 

有沒有人有過同樣的麻煩?我做錯了什麼?任何想法將不勝感激。

+0

ARGH,我有類似的東西,但我想用鉻合金。你有所有正確的格式?檢查電腦上的safari – bboy 2013-02-27 09:18:29

回答

1

您使用此語法:

@font-face { 

font-family: 'MyFontFamily'; 
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
    url('myfont-webfont.woff') format('woff'), 
    url('myfont-webfont.ttf') format('truetype'), 
    url('myfont-webfont.svg#svgFontName') format('svg'); 
} 

在這裏閱讀更多:http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

+0

這一切都從fonts.com結束控制。您只需包含css文件。人們會希望他們把它們放在一起。 – Brandrally 2013-02-27 09:31:00

+0

爲什麼不把文件帶到本地主機?下載文件幷包含在你自己的.css文件中。它會更快。當你下載@ font-face工具包時你會得到一個css文件。 – bboy 2013-02-27 10:04:01

0

足夠有趣的Firefox實際上允許即使你沒有你的管理範圍內指定的域您可以使用網絡字體從fonts.com系統。我剛剛進入「添加和編輯域」,並意識到我確實沒有指定CSS出現在域上。添加域名解決了麻煩。