2012-10-22 96 views
0

我試圖用Helvetica Neue字體的字體爲我的網站隨處可見,所以我塗在身上,像這樣CSS Helvetica Neue字體不工作

body { 
    background-image: url("http://inauguralseason.com/wp-content/themes/twentyeleven/images/background.jpg"); 
    font-family: "Helvetica Neue" !important; 
} 

,但我的字體沒有出現,它是在一個點上工作但現在它不是火狐,Chrome,Safari瀏覽器或IE

工作

你可以看到我在這裏談論

http://inauguralseason.com/

任何幫助將是讚賞,

感謝, Ĵ

+1

該技術使用安裝在用戶的操作系統上的字體經常只是變化。你最好鏈接到你網站的字體,而不是所有的工作。 – jackJoe

+0

你想使用中型或普通版嗎? –

+1

我在我的終端看到了正確的字體。但是,正如@jackJoe所說,你應該鏈接到字體(參見CSS3中的font-face)並提供備用字體。 – qsheets

回答

4

你需要上傳的字體到您的網站,並聲明字體面

@font-face 
{ 
font-family: 'Helvetica Neue'; 
src: url('HelveticaNeue.ttf'), 
    url('HelveticaNeue.eot'); /* IE9 */ 
} 

只有這樣,你可以用它在你的web頁面。

+0

他已將@ font-face包含在其CSS文件的頂部,這是字體系列名稱的問題 –

+1

請注意,並非所有字體都可用並允許放入網站。閱讀字體條件。 – jackJoe

+0

同意@jackJoe一些字體有特定的許可 –

5

您的@ font-face似乎有一個名爲'helvetica_neueregular'的字體家族,而且我沒有看到爲您的導航設置的字體,但是在其他任何地方如果添加'helvetica_neueregular'則會加載字體。至於瀏覽器的一致性在Chrome開發工具中,它看起來像缺少一些字體瀏覽器類型來提供全面的瀏覽器支持。

http://inauguralseason.com/wp-content/themes/twentyeleven/style.css

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

編輯:這是加載介質的字體,但它叫「helvetica_neuemedium」