这无疑是我做了一些非常愚蠢的事情,但我看不到它.我试图在我的CSS中使用FontAwesome作为字体系列,但它似乎没有用.
使用最少的代码,我有:
<head> <link href="assets/css/font-awesome.css" rel="stylesheet"> <style> body { font-family: FontAwesome; } </style> </head> <body> Test FontAwesome! </body>
这显示为Times New Roman.
FontAwesome字体本身存储在assets / font /中,font-awesome.css定义了以下@ font-face:
@font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot?v=3.0.1'); src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; }
将..更改为资产会产生一个明显的错误,即无法找到字体,因此我非常确定相对路径是好的和花花公子.如果我将其更改为font-family:FontAwesome,Arial;,则使用Arial.显然,它找不到FontAwesome,我不知道为什么.
我无法将我的正文字体更改为FontAwesome的任何特殊原因?
解决方法
确保服务器识别.woff和.woff2 …
在元素的web.config中添加:
<staticContent> <remove fileExtension=".woff" /> <remove fileExtension=".woff2" /> <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" /> </staticContent>