2012-01-30 48 views
2

我已經下載了整個Helvetica Neue。當我嘗試導入它們時,幾乎所有的字體都能正常工作,但「Helvetica LT 25 Ultra Light」不會。無法在html中包含自定義字體(Helvetica LT 25 Ultra Light)

Anyidea問題可能是什麼?

代碼:

@font-face{ 
font-family: 'HelveticaNeue'; 
src: url('/fonts/Helvetica LT 25 Ultra Light.ttf') format('truetype'); 
font-weight: normal; 
font-style: normal; 
} 

上午我做錯了什麼?

+0

嘗試刪除空格 – mgraph 2012-01-30 13:00:11

+0

仍然沒有幫助 – 2012-01-30 13:03:04

回答

0

添加在你的HTML文件:

<style type="css/text"> 
    @font-face{ 
    font-family: 'HelveticaNeue'; 
    src: url(' YOUR FOLDER /fonts/Helvetica LT 25 Ultra Light.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
    } 
</style> 

relace 您的文件夾

+0

仍然沒有幫助。我實際上正在使用完整的路徑(從「http」) 我可以看到瀏覽器試圖下載它,但它在其結尾處回落到另一種字體。 – 2012-01-30 14:06:46

1

當使用Web字體,你需要記住的是不同的瀏覽器需要不同的文件類型。 This page包含一個全面的教程,詳細說明如何使用@ font-face。 基本上,將顯示truetype字體的唯一瀏覽器是Opera和Safari。 Firefox,Chrome和IE9使用'woff'文件。如果您在Opera或Safari中測試您的代碼,它應該正確顯示。

更新:

Here's a site,使得它更容易包括你希望使用的字體。他們創建了一個工具包,您可以將其放入網頁中,而無需擔心自己創建/查找所有不同的格式。