在CSS中插入自定義字體

我是新來的CSS。我想在我的小項目中使用Helvetica Neue字體。我已經下載了.TTF文件，我試圖通過@字體face規則，將其插入：在CSS中插入自定義字體

@font-face{ 
    font-family:"Helvetica Neue Light"; 
    src:url("contenuti/HelveticaNeue-Light.ttf"); /*That's where I put it*/ 
}

要應用它，我用：

.xyz{ 
    font-family:"Helvetica Neue Light"; 
    /*...other things...*/ 
}

的問題是，無論是Safari瀏覽器或Chrome顯示它

我該怎麼辦？

來源

2015-06-01 NOVA99

是你的瀏覽器能夠檢索TTF文件？檢查您的瀏覽器開發者控制檯。 –

檢查元素（按f12）並檢查您是否在xyz類中獲取字體？ –

我面臨同樣的問題，但我沒有得到任何解決方案。但在我的情況下，字體在IE 11.x和Firefox 38.x中工作正常。 –

-1

嘗試在Neue和Light之間使用短劃線。像這樣： font-family：「Helvetica Neue-Light」;

來源

2015-06-01 09:47:19

這就是這個名字。這沒關係。 – MortenMoulder

-1

我猜你所添加的字體的字體實際上並不是Helvetica Neue燈，而只是Helvetica Neue重量輕。

更改font-family爲「Helvetica Neue字體」，在字體和類，並添加font-weight: light;

來源

2015-06-01 09:47:36 Luke

-1

這很可能是因爲您的文件不存在兩者。嘗試將完整的URL寫入文件。你的代碼應該可以工作，因爲它沒有錯誤。

試試這個：

@font-face{ 
    font-family: 'Helvetica Neue Light'; 
    src: url(contenuti/HelveticaNeue-Light.ttf) format('truetype'); /*That's where I put it*/ 
}

然後你的對象：

.xyz { 
    font-family: 'Helvetica Neue Light'; 
}

來源

2015-06-01 09:48:49 MortenMoulder

在CSS中插入自定義字體

回答

相關問題