我之前从未使用过自定义字体,并且一直尝试将其添加到我的应用程序中。我已经将这个字体下载到我的电脑上并制作了一个名为'Font'的单独文件,并且我已经放了字体文件。
我进入我的CSS并写了这段代码:
@font-face {
font-family:'Open Sans';
src: url('../Font/OpenSans-Light.ttf');
}
字体根本不起作用,我想知道它为什么不起作用?
有什么想法吗?
我将它应用于不同的部分,我应该说:
.title {
font-family: 'Open Sans';
font-size: 25px;
margin: 0 auto;
color: #52a3cc;
text-align: center;
}
我在IE Developer Tools中收到此错误消息:
"@font-face failed OpenType embedding permission check. Permission must be Installable."
答案 0 :(得分:1)
如果您可以在浏览器中下载http://www.yoursite.com/CorrectPath/OpenSans-Light.ttf
,则代码应该可以使用。
如果您无法下载,则需要添加像SethG建议的MIME类型。
Open Sans可以通过Google Fonts获得,因此您无需自己托管。
答案 1 :(得分:0)
我过去曾遇到过这方面的问题。如果您使用IIS Express对此进行测试,则可能会出现问题。出于某种原因,当IIS没有用于提供内容的MIME类型时,它无法提供服务。确保您使用的任何版本的IIS,无论是IIS Express还是IIS,都具有.ttf文件的MIME类型。