无法解码下载的字体，OTSparsing错误：无效的版本标记+导轨4
我正在做资产预编译，并在生产模式下运行应用程序。 编译后，当我加载我的索引页时，我在Chrome控制台中得到以下警告：
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid version tag 问题是它没有加载图标，而不是显示正方形 。
我们使用自定义的字体和代码是：
@font-face { font-family: 'icomoon'; src: font-url('icomoon.eot'); src: font-url('icomoon.eot?#iefix') format('embedded-opentype'), font-url('icomoon.ttf') format('truetype'), font-url('icomoon.woff') format('woff'), font-url('icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
我不知道从我的最后失去了什么。 我search了很多，也尝试了解决scheme，但没有得到任何成功。在开发模式下工作正常，但不知道为什么在生产模式显示广场。
我得到了完全相同的错误，在我的情况下，原来是因为@font-face声明的path错误。 networking检查员从来没有抱怨过404，因为我们使用的开发服务器（live-server）被configuration为在任何404上提供默认的index.html。 不知道你的设置的任何细节，这可能是一个可能的罪魁祸首。
如果在IIS上作为服务器运行，而.net 4 / 4.5则可能在Web.config中缺lessMIME /文件扩展名定义 – 如下所示：
<system.webServer> <staticContent> <remove fileExtension=".eot" /> <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> <remove fileExtension=".ttf" /> <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" /> <remove fileExtension=".svg" /> <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> <remove fileExtension=".woff" /> <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> </staticContent> </system.webServer>
我有同样的问题。 , OTS parsing error: Failed to convert WOFF 2.0 font to SFNT (index):1 Failed to decode downloaded font: http://dev.xyz/themes/custom/xyz_theme/fonts/xyz_rock/rocksansbold/Rock-SansBold.woff2
如果在尝试提交字体时出现此错误消息，那么这是与.gitattributes相关的问题“ warning: CRLF will be replaced by LF ”
解决这个问题的方法是在.gitattributes中添加无论哪种字体
*.ttf -text diff *.eot -text diff *.woff -text diff *.woff2 -text diff
然后，我删除了损坏的字体文件，并重新应用了新的字体文件，并且工作得很好。
我希望它有帮助。
我的问题是，我宣布了两种字体，scss似乎期望您声明字体的名称。
在你的@font-face{}你必须声明$my-font: "OpenSans3.0 or whatever";
并为每个字体的脸。
🙂
我有一个损坏的字体，虽然它似乎加载没有问题，并在Chrome devtools源显示，字节数不正确，所以我再次下载，它解决了它。
尝试
@font-face { font-family: 'icomoon'; src: asset-url('icomoon.eot'); src: asset-url('icomoon.eot?#iefix') format('embedded-opentype'), asset-url('icomoon.ttf') format('truetype'), asset-url('icomoon.woff') format('woff'), asset-url('icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
并将您的文件重命名为application.css.scss
使用angular-cli ，这是对我angular-cli ：
<?xml version="1.0" encoding="utf-8"?> <configuration> <system.webServer> <staticContent> <remove fileExtension=".eot" /> <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> <remove fileExtension=".ttf" /> <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" /> <remove fileExtension=".svg" /> <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> <remove fileExtension=".woff" /> <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> <remove fileExtension=".woff2" /> <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" /> <remove fileExtension=".json" /> <mimeMap fileExtension=".json" mimeType="application/json" /> </staticContent> <rewrite> <rules> <rule name="AngularJS" stopProcessing="true"> <match url="^(?!.*(.bundle.js|.bundle.js.map|.bundle.js.gz|.bundle.css|.bundle.css.gz|.chunk.js|.chunk.js.map|.png|.jpg|.ico|.eot|.svg|.woff|.woff2|.ttf|.html)).*$" /> <conditions logicalGrouping="MatchAll"> </conditions> <action type="Rewrite" url="/" appendQueryString="true" /> </rule> </rules> </rewrite> </system.webServer> </configuration>
我有同样的问题，那是因为git把这些文件作为文本处理。 所以，当检查构build代理中的文件时，二进制不被维护。
将其添加到.gitattributes文件中，然后尝试。
*.eot binary *.ttf binary *.woff binary *.woff2 binary
如果您使用的是Chrome，请尝试添加您的字体的opentype（OTF）版本，如下所示：
... url('icomoon.otf') format('opentype'), ...
干杯!
如果使用bootstrap，那么更新bootstrap css（ bootstrap.min.css ）文件和字体文件。 我解决了我的问题。
我正在使用IIS与IIS，事实certificate，我只需要添加到IIS的MIMEtypes：'.woff2'/'application / font-woff'
在尝试了很多其他的方法以及大量的重新安装和检查之后，我通过从Chrome（caching的图像和文件）清除浏览数据，然后刷新页面来解决问题。
当我打开并保存.woff和。 通过带有EditorConfig选项的Sublime Text的woff2文件end_of_line = lf 。 我只是复制文件到字体文件夹，而不打开它们到崇高和问题解决了。
我收到以下错误：
Failed to decode downloaded font: [...]/fonts/glyphicons-halflings-regular.woff2 OTS parsing error: invalid version tag
在直接从以下地址下载原始文件之后修复：
https://github.com/twbs/bootstrap/blob/master/fonts/glyphicons-halflings-regular.woff2
问题是下载文件时出现代理错误（包含HTML错误信息）。
我有同样的问题，这对我工作https://github.com/webpack/webpack/issues/1468
For it is fixed by using below statement in app.web.scss $fa-font-path: "../../node_modules/font-awesome/fonts/" !default; @import "../../node_modules/font-awesome/scss/font-awesome";
