第一个示例未显示,但第二个示例显示。为什么?
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>
最佳答案
这是因为 fa-solid fa-square-info
图标是一个 PRO 图标,它不能用于 font-awesome 的免费版本。所以图标没有渲染。或者你可以尝试使用 Material Design Icons它是开源的,可以免费使用。
https://stackoverflow.com/questions/71815963/