字体令人陶醉的版本6未显示的图标
第一个示例未显示,但是第二个示例正在显示。为什么?
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
</head>
<body>
<i class="fa-solid fa-square-info"></i> NOT SHOWING
<i class="fas fa-info-circle"></i> SHOWING
</body>
</html>
First example is not showing, but second example is showing. Why?
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
</head>
<body>
<i class="fa-solid fa-square-info"></i> NOT SHOWING
<i class="fas fa-info-circle"></i> SHOWING
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这是因为图标
fa-solid fa-square-info
是一个 PRO 图标,无法在 font-awesome 的免费版本中使用。所以图标没有渲染。或者,您可以尝试使用开源且免费使用的 Material Design Icons。This is because the icon
fa-solid fa-square-info
is a PRO icon and it's not available for use in the free version of font-awesome. So the icon is not rendering. Alternatively you can try using Material Design Icons which is open source and free to use.我使用当前版本6遇到了同样的问题。我正在使用免费版本。您必须获取套件管理套件的设置,并复制JavaScript链接以及所有设置。
无需下载所有文件和文件夹即可将其放在您的网站上。附加JS脚本会很好:)
I had the same problem using the current version 6. I am using the free version. You have to get the Kit>Manage Kits>Settings and copy the javascript link and your all set.
No need to download all the files and folders to put it on your site. Attaching the js script will do just fine :)