通過CSS導入字體不起作用

由於有很多帖子是相關的，但沒有找到解決方案，所以我提前致歉。通過CSS導入字體不起作用

我正在嘗試使用已下載的字體，並將其放入「字體」文件夾中。該文件夾位於我的所有網頁所在的位置。

字體文件被稱爲「timeburnernormal.ttf」和字體名稱是「TimeBurner」

CSS

@font-face { 
font-family: 'TimeBurner'; 
src:url("fonts/timeburnernormal.ttf"); 
} 

h1 { 
    font-family: 'TimeBurner'; 
    font-weight:normal; 
    font-size:27pt; 
}

更改在H1類字體系列被證明是成功安裝的任何字體，我電腦，但只是不適用這種方法。這是我的CSS嗎？

感謝

來源

2016-02-29 Bob

字體路徑將相對於CSS文件，所以我認爲你可能需要將它改爲'src：url（「../ fonts/timeburnernormal.ttf」）;' –

沒有嘗試它，但是也考慮到這一點：似乎字體家族的單引號可能沒有幫助...我不這麼認爲，但試試 http://stackoverflow.com/questions/9870699/can-相對路徑被使用的字體面src – ignivs

@MatthewDarnell這解決了它非常感謝，感覺像一個白癡 – Bob

如果添加的字體家庭到H1直接工作的，還有一類/ ID或可能在你的CSS另一個H1聲明推翻你的字體。看看你的CSS或使用Chrome DevTools檢查元素，看看如何設置字體系列。

來源

2016-02-29 20:56:27

通過CSS導入字體不起作用

回答

相關問題