CSS自定義字體不工作

我下載了一種字體，我試圖在CSS中創建一個橫幅，我需要這種字體，但它只是不顯示。CSS自定義字體不工作

@font-face { 
    font-family: Minecrafter; 
    src: url("../fonts/Minecrafter_3.ttf") format('truetype'); 
} 

#logo{ 
    width:100%; 
    height:100px; 
    background-color: red; 
    text-align:center; 
    font-family:Minecrafter; 
    font-size:40px; 
}

我可以檢查錯誤嗎？我正在開發一個win8應用程序。

來源

2014-12-01 Andrew V

什麼是您的控制檯說？ – Josiah 2014-12-01 15:56:58

你在使用Cordova/Phonegap嗎？ – 2014-12-01 16:00:21

我使用視覺工作室 – 2014-12-01 16:00:36

不同的瀏覽器支持一組不同的字體格式，所以你需要爲每個瀏覽器提供了一組備選方案（該brwoser支持的somw .eot .woff * TTF），所以你必須proivde替代Src在你的字體：

@font-face { 
    font-family: Minecrafter; 
    src: url("font.ttf") format('truetype'); 
     url("font.woff") format('woff'); 
}

良好的網站轉換用的字體爲你想要的格式： https://onlinefontconverter.com

來源

2014-12-01 16:18:42 Mvrk

是答案有幫助？ – Mvrk 2014-12-03 19:30:30

@無限編輯舊帖子僅用於將'http：//'更改爲'https：//'沒有用處。這樣做會使這些舊帖子在活動標籤上出現顛簸，並且通常會使人感到煩惱。請參閱：[「**不鼓勵微小的瑣碎編輯操作** - 嘗試在編輯時使該帖子顯着更好，糾正您觀察到的所有問題。」]（http://stackoverflow.com/help/privileges/edit ） - 從幫助中心頁面進行編輯。 – 2015-12-02 21:22:13

感謝onlinefontconverter是一個偉大的資源，非常感謝 – 2017-09-11 22:06:29

CSS自定義字體不工作

回答

相關問題