2015-09-24 90 views
6

解码这是我的CSS:无法将下载的字体流星

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

} 

#logo{ 
    font-family: 'geometria_lightlight'; 
    font-size: 60px; 
} 

这是我在Chrome中获取消息:无法解码下载的字体 :http://localhost:3000/Geometria-Light-webfont.woff2 本地主机/:1个OTS分析错误:无效版本标记 localhost /:1无法解码下载的字体:http://localhost:3000/Geometria-Light-webfont.woff

我收到此消息时,我通过字体松鼠下载的每一个字体。

+0

我也getitng这个,错误只涉及.woff字体文件。 – JoeTidee

回答

10

将您的字体粘贴到文件夹public/fonts

然后做这样的事情:

@font-face { 
    font-family: 'BebasNeueRegular'; 
    src: url('/fonts/BebasNeue-Regular.ttf') format('truetype'); 
} 
+0

有趣。你有什么洞察力为什么发生这种情况?谢谢 –

+0

'公共'是Meteor将搜索资产的地方。这有帮助吗? –

+0

流星中没有公共文件夹了。 – puppeteer701

0

尝试很多其他的方法,以及大量的重新安装和流星和NPM配置中经过检查,我刚才已经通过清除浏览数据修复问题从Chrome浏览器(缓存的图像和文件),然后刷新页面。