@字體面不與自定義字體工作

我跟着這個視頻：https://www.youtube.com/watch?v=t1nX5_2FQ8g 生成與字體的內容和CSS文件的文件夾，我複製的CSS代碼到我的global.css中@字體面不與自定義字體工作

@font-face { 
font-family: 'Conv_Origram'; 
src: url('fonts/Origram.eot'); 
src: local('☺'), url('fonts/Origram.woff') format('woff'), url('fonts/Origram.ttf') format('truetype'), url('fonts/Origram.svg') format('svg'); 
font-weight: normal; 
font-style: normal;

}

@font-face { 
    font-family: "FontAwesome"; 
    font-style: normal; 
    font-weight: normal; 
    src: url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg"); 
}

我將字體文件複製到文件夾中，並嘗試了fontAwesome的位置，該位置適用於我的主題。但對於我的原始字體，它不起作用。我試過簡單的HTML和CSS空白域，它的工作，但在我prestashop主題它does not。謝謝你的時間

來源

2016-12-27 Patrik Pursch

某些字體文件類型在某些瀏覽器中不受支持。爲了獲得最佳兼容性，請使用擴展名爲.ttf –

的真正字體字體。我有一個字體文件.ttf，但它仍然無效。 –

我的意思是你必須在CSS聲明中的其他類型之前將其設置。 –

字體面需要對瀏覽器不一致性有所瞭解，並且可能需要對Web服務器本身進行一些更改。你必須做的第一件事是檢查控制檯，看看是否生成了什麼消息。它是一個權限問題或資源未找到....？

其次，因爲每個瀏覽器都期望不同的字體類型，我會使用字體松鼠上傳字體，然後生成所需的額外文件和CSS。 http://www.fontsquirrel.com/fontface/generator

最後，FireFox和IE的版本不允許跨域加載字體。您可能需要修改您的Apache配置或.htaccess（標頭設置Access-Control-Allow-Origin「*」）

來源

2017-01-04 08:06:20

@字體面不與自定義字體工作

回答

相關問題