Question

我试图将font awesome用于某些图标，并且正在使用CDN进行此操作。我按照指示将我的字体真棒嵌入代码复制到我的页面中。

   <script src="https://use.fontawesome.com/4c5806874b.js"></script>

但是当我打开页面时，它会告诉我webfontloader.js失败

这里有什么问题吗？

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Brighton Times</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="main.css">
    <link rel="stylesheet" media="(max-width: 400px)"type="text/css" href="smallest-screens.css">
    <script src="https://use.fontawesome.com/4c5806874b.js"></script>
  </head>

Answer 1

如果我理解正确，您正尝试使用加载某些字体 - 尝试使用以下链接

the accepted answer in this question

如果你想看看HTML中的输出，请按照i-class进行操作。

Answer 2

在代码中的某些地方，您给出了错误的路径。例如：字体网址等请记住，

<img src="Lanka.jpg">       <!-- Lanka.jpg is in the current folder -->
<img src="Asia/Lanka.jpg">  <!-- Lanka.jpg is in the Asia folder -->
<img src="/Asia/Lanka.jpg"> <!-- Asia folder is in root folder -->
<img src="../Lanka.jpg">    <!-- Lanka.jpg is in one folder up from current folder-->

字体真棒没有加载net :: ERR_FILE_NOT_FOUND

2 个答案: