Question

我一直在网上看看是否有其他人有同样的问题他们有，但是当我使用已回答的代码时，它仍然无法正常工作，我认为它是IIS中的东西。

我已将此字体添加到我的CSS中。

@font-face {
font-family: 'Open Sans';
src: url('../Font/OpenSans-Light.eot'); /* IE9 Compat Modes */
src: url('../Font/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../Font/OpenSans-Light.woff') format('woff'), /* Modern Browsers */
     url('../Font/OpenSans-Light.ttf')  format('embedded-opentype'), /* Safari, Android, iOS */
     url('../Font/OpenSans-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

我在那里用我的字体文件创建了我的文件夹。

我已经在IIS上的'MIME TYPES'上添加了并且添加了所有类型的文件，但它仍然不起作用。

有没有其他人有这个问题，可以帮助我。

Answer 1

从IIS服务器提供字体

如果从IIS服务器提供字体，则需要在IIS安装中添加MIME类型为“application / x-font-woff”的“.woff”，即使WOFF没有MIME类型。 IIS拒绝提供任何没有MIME类型的内容。

IIS 6 +

.woff application/x-woff
.svg image/svg+xml

IIS 7.5

.ttf    application/font-sfnt
.eot    application/vnd.ms-fontobject
.otf    application/font-sfnt
.woff   application/font-woff

所以，因为它是一个谷歌字体你正在使用的那个，你有没有试过加载它

HTML

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>

或 CSS

@import url（http://fonts.googleapis.com/css?family=Open+Sans:300）;

然后在样式表中使用它？

font-family: 'Open Sans', sans-serif;

此外，如果您计划在IE上加载它，请从google fonts文档粘贴：

注意： 为了在IE中获得最佳效果，请将样式表标记设置为HTML部分中的第一个元素。在IE中，如果链接放在标签之后，整个页面将被阻止，并且在加载字体之前不会显示任何内容。

@ Font-face无法正常工作

1 个答案: