CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – FontAwesome不能作为字体系列?全部内容,希望文章能够帮你解决css – FontAwesome不能作为字体系列?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: