如何在 CSS 中添加很棒的字体

新手上路,请多包涵

我正在尝试添加一个来自 font awesome 的图标,但由于某种原因,当我加载页面时它没有出现。下面是我的 html 代码,我在其中尝试以不同的方式添加很棒的字体。

 <html lang="en">
    <head>
        <title>Media Queries</title>
        <meta name="viewport" content="width=device-width, initial=scale1.0">
        <link rel="stylesheet" href="main.css">
        <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">
    </head>
    <body>
        <i class="fa fa-car" aria-hidden="true"></i>
        <h1>
            <i class="fa fa-car" aria-hidden="true"></i>Dummy Text
        </h1>
    </body>
</html>

代码中是否缺少任何内容?

原文由 user agent 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 251
2 个回答

您在链接中输入的是文件夹的名称。您应该输入文件名(字体真棒)

在 font-awesome 文件夹中查找名为 font-awesome 的文件,复制并粘贴到浏览器的文本字段中,以便您可以看到正确的路径。复制该路径并粘贴到您的链接中,如下所示:

     <link rel="stylesheet" href="font-awesome/css/font-awesome.css">

只需正确检查路径,因为我看不到其他错误。如果它不起作用,请告诉我。

原文由 Elton Sousa 发布,翻译遵循 CC BY-SA 3.0 许可协议

您可以在“ main.css ”文件中添加字体超棒的 css 文件

@import url('/font-awesome-4.6.3/css/font-awesome.min.css');

原文由 Sayed Rafeeq 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏