爲什麼我的Google字體不能通過@ font-face加載？

我創建字型，並將其應用到身體：爲什麼我的Google字體不能通過@ font-face加載？

@font-face { 
 
    font-family: 'Nosifer'; 
 
     src: url('https://fonts.googleapis.com/css?family=Nosifer'); 
 
    } 
 
body { font-family: 'Nosifer' }

<body> 
 
    This is text. 
 
</body>

然而，Nosifer字體是不可見的。我究竟做錯了什麼？

URL到小提琴：http://jsfiddle.net/9mr7973y/

來源

2017-10-16 Yoda

鉻給出了控制檯以下警告：

Failed to decode downloaded font: https://fonts.googleapis.com/css?family=Nosifer

OTS parsing error: invalid version tag

的谷歌字體實施準則for this font不配備使用@font-face。如果你想通過CSS將其導入他們建議使用@import代替：

@import url('https://fonts.googleapis.com/css?family=Nosifer');

來源

2017-10-16 08:12:00

感謝。造成這個問題我尋找這個問題的解決方案：https://stackoverflow.com/questions/46764887/how-to-load-fonts-automatically-on-the-website?noredirect=1#comment80475104_46764887如果字體的面孔是說瀏覽器加載字體的方式。 – Yoda

在HTML標題

<link href="https://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet">

添加這個和應用的字體像

font-family: 'Nosifer', cursive;

來源

2017-10-16 08:15:45

爲什麼我的Google字體不能通過@ font-face加載？

回答

相關問題