css – FontAwesome不能作为字体系列?

前端之家收集整理的这篇文章主要介绍了css – FontAwesome不能作为字体系列?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这无疑是我做了一些非常愚蠢的事情,但我看不到它.我试图在我的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>

猜你在找的CSS相关文章