我正在尝试在我的网站上使用Font Awesome图标，但是提供给我的JS文件存在问题。我转到https://cdn.fontawesome.com/并为自己生成了一个代码，但是当我链接到它时，这些图标不起作用。我过去曾经使用CSS或开发套件来使用FA。这是一个HTML页面示例，其中包含针对此帖子的嵌入代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FA Example</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://use.fontawesome.com/31263fc466.js"></script>
</head>
<body>
<p style="text-align: center;">
<code>fas fa-chevron-down</code>
<i class="fas fa-chevron-down"></i>
</p>
</body>
</html>我看到的是UnicodeF078字符，这是正确的，但是我的浏览器未呈现图标。
早些时候，我看到了此错误：CORS-Missing-Allow-Origin，但是当我安装了一个浏览器扩展以允许所有请求时，该错误消失了（仅用于localhost；我知道在Nginx配置中将其设置用于生产）。我不确定这是否与错误相关，但是我想提到它是因为我没有与其他link或script标签一起看到它
另外，请告诉我它是否可以正确呈现在您的末端。任何帮助表示赞赏。
您的问题您的版本不包含fas，但包含fa
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FA Example</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://use.fontawesome.com/31263fc466.js"></script>
</head>
<body>
<p style="text-align: center;">
<code>fas fa-chevron-down</code>
<i class="fa fa-chevron-down"></i>
</p>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FA Example</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<p style="text-align: center;">
<code>fas fa-chevron-down</code>
<i class="fas fa-chevron-down"></i>
</p>
</body>
</html>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句