UI网格：无法解码下载的字体OTS解析错误：无效的版本标记

Question

我知道有很多关于字体的问题，但在查看了所有这些问题后，我仍无法找到解决此问题的方法。我正在创建一个mvc .NET应用程序。已将所有字体文件移动到font文件夹中并将我的css更改为。由于我在visual studio上面临这个问题，我无法提供一个有效的例子。

@font-face {
  font-family: 'ui-grid';
  src: url('../fonts/ui-grid.eot');
  src: url('../fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('../fonts/ui-grid.woff') format('woff'),           url('../fonts/ui-grid.ttf') format('truetype'), url('../fonts/ui-grid.svg?#ui-grid') format('svg');
  font-weight: normal;
  font-style: normal;
}

Chrome中问题的屏幕截图：

Firefox中的问题截图：

Internet Explorer中的问题截图：

UI网格版：4.0.2

Answer 1

您需要将所需的.woff文件和.ttf文件从ui-grid资源下载到您的ui-grid.css所在的目录

https://github.com/angular-ui/bower-ui-grid/blob/master/ui-grid.ttf

https://github.com/angular-ui/bower-ui-grid/blob/master/ui-grid.woff

或者在.html文件中，您直接指向官方的ui-grid网站，因此您无需引用文件。他们会照顾好自己

    <link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"/>

如果以上不是您的选择，那么您应该做两件事

1。验证路径url（'../ fonts / ui-grid.woff'），url（'../ fonts / ui-grid.ttf'）

2。您需要验证您的格式（）和您的互联网服务器是否支持您的MIME类型是否正确。你添加了这些

1。 MIME'woff'是APPLICATION / X-WOFF和

2。 'ttf的MIME是APPLICATION / octet-Stream

到你的服务器？它必须是这两种可能性，要么您的路径不正确，要么您的服务器配置MIME没有配备。

原始的ui-grid.css有

src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg');

但是你的

url('../fonts/ui-grid.woff'), url('../fonts/ui-grid.ttf')

那么，你的字体路径上真的有ui-grid.woff吗？