使用@ font-face的特定字體

我的問題是，我想使用名爲（Daniel）的谷歌字體不支持的特定字體類型，所以我使用了（@ font-face）只爲主頁，但在網站上的其他頁面不工作，我無法弄清楚原因！你能幫我解決這個問題嗎？使用@ font-face的特定字體

P.S 此問題僅在Mozilla Firefox瀏覽器和手機上顯示，谷歌瀏覽器正在運行良好！

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

}

這裏是在Firefox的控制檯中顯示的問題：

來源

2017-07-28 Y.EzzEldin

也許嘗試下載此字體並將其添加到您的網站文件夾中的特定文件夾，如「FONTS/Daniel.ttf」或其他，因爲這個問題似乎是一個網絡問題。 –

該字體是什麼樣的網址？你有沒有下載字體並將其放在你自己的服務器上？ – Huangism

當然是我做的，並且它在google chrome中運行良好，這個問題只在Firefox和手機上，而且只針對其他頁面而不是主頁 –

下載字體文件，然後將其放置在某處你的項目目錄，並使用它像這樣：

@font-face { 
    font-family: 'Steiner Light'; 
    font-style: normal; 
    font-weight: normal; 
    src: local('Steiner Light'), url('../fonts/Steinerlight.woff') format('woff'); 
} 

.body{ 

    font-family: 'Steiner Light' !important; 
    font-size: 20px !important; 
    font-weight: 900; 
    letter-spacing: 1px; 
    color: $orange; 

}

來源

2017-07-28 12:02:08

我只是做了你所說的，而且它對主頁起作用，這個問題是在其他鏈接頁面！ –

我剛剛編輯了我的答案，再次檢查。 –

但我沒有嘗試！重要的是，我會嘗試它 –

使用@ font-face的特定字體

回答

相關問題