这是我在Chrome中遇到的一个错误,不幸的是,搜索它并没有给我太多的结果。字体本身显示正确。但是,我仍然收到这个错误/警告。更具体地说,这是完整的警告:
“无法解码下载的字体:http://localhost:8000/app/fonts/Lato/”
我的CSS是:
@font-face {
font-family:"Lato";
src: url("../fonts/Lato/");
}
html, body {
font-family:'Lato';
}
我就是不明白。字体应用正确,但警告始终存在。尝试使用Sans-Serif
会使字体恢复为正常的浏览器字体,所以可能就是这样,但我不确定,即使经过搜索,我也没有找到任何东西。谢谢!
编辑
有各种各样的字体文件,都来自同一个家族。我正在尝试将它们全部加载。字体文件为.ttf
。我从本地文件夹加载它们,有各种字体文件,如Lato-Black.ttf
、Lato-Bold.ttf
、Lato-Italic.ttf
等。
发布于 2015-05-26 00:28:15
在css规则中,您必须添加文件的扩展名。此示例具有尽可能最深的支持:
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
编辑:
“无法解码下载的字体”表示字体已损坏或不完整(缺少指标、必需表、命名记录、可能的内容)。
有时这个问题是由字体本身引起的。谷歌字体提供了您需要的正确字体,但如果字体是必需的,我使用Transfonter生成所有字体格式。
有时是损坏文件的FTP客户端(本例中不是,因为它在本地pc上)。请确保以二进制而不是ASCII格式传输文件。
发布于 2015-06-30 23:34:00
我在Visual Studio中遇到了类似的问题,这是由问题字体的错误url()
路径引起的。
在更改(例如)后,我不再收到此错误:
@@font-face{
font-family: "Example Font";
src: url("/Fonts/ExampleFont.eot?#iefix");
要这样做:
@@font-face{
font-family: "Example Font";
src: url("../fonts/ExampleFont.eot?#iefix");
发布于 2016-10-26 15:01:46
将format('woff')
更改为format('font-woff')
可以解决此问题。
与Germano Plebani的回答相比,这只是一个小小的改变
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('font-woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
请检查您的浏览器源是否可以打开它,类型是什么
https://stackoverflow.com/questions/30442319
复制相似问题