Question

我刚刚开始创建网站。我希望你为我的符号和文字字体字体很棒。不幸的是，即使我导入了一切，一些部分也不起作用。我得到了所有的图标，甚至动画的东西都很好。

我还在我的电脑上安装了字体，但我没有让我的浏览器更改实际的字体。当我输入

font-family: 'FontAwesome';

除了使用Times New Roman之外什么也没做。

我错过了什么吗？这是我的实际.css和.html以及相关部分：

<head>
    <meta charset="UTF-8">
    <title>foo</title>
    <link rel="stylesheet" href="font-awesome-4.7.0\css\font-awesome.min.css">
    <link rel="stylesheet" href="design.css">
</head>

和

body {
  max-width: 600px;
  margin: 50px auto 300px;
  font-family: 'FontAwesome';
  font-size: 16px;
  line-height: 1.2;      
}

Answer 1

实际上我误以为字体很棒，我可以得到另一种文字样式。 @Scott在其中一个评论中说，这只适用于Icon。

Answer 2

“....和文字字体”

FontAwesome 不包含字母数字文本字符。您不能将它用于文本，它仅用于符号/图标。

此外，您必须链接到cnd存储库以获取实际的字体文件（.otf，.eot，.svg，.woff，.woff2），或者下载它们并将它们安装在您的服务器上。

Answer 3

为了使用font-awesome，你应该包含相关的css文件，并使用相关类的元素。

以下是一个例子：

＆＃13;

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />

<i class="fa fa-camera-retro"></i> fa-camera-retro

＆＃13;

相关部分是<i class="fa fa-camera-retro"></i> - ＆＃34;代码＆＃34;对于相机图标实际上是fa-camera-retro元素中的类<i>。

有关图标的完整列表（以及要使用的类的名称），您可以访问完整的icon list。

AwesomeFont没有改变字体

3 个答案: