gpt4 book ai didi

css - FontAwesome 不能用作字体系列?

转载 作者:技术小花猫 更新时间:2023-10-29 11:05:53 28 4
gpt4 key购买 nike

这无疑是我在做一些非常愚蠢的事情,但我看不到。我试图在我的 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;
}

.. 更改为 assets 给出了一个明显的错误,它找不到字体,所以我很确定相对路径很好而且花花公子.如果我将其更改为 font-family: FontAwesome,Arial;,它会使用 Arial。显然,它找不到 FontAwesome,我也不知道为什么。

我无法将正文字体更改为 FontAwesome 有什么特别的原因吗?

最佳答案

更好的是使用这个:

<head>

<!-- fonts awesome -->

<link href='http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet' type='text/css'>

</head>

在您的样式表中仅使用例如:

#post-title a:before {

font-family: FontAwesome;
content: "\f0c4";

}

不多也不少:))))

关于css - FontAwesome 不能用作字体系列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14698589/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com