使用纯 HTML 添加图标

Question

我想知道是否有任何方法可以使用纯 html 添加 fas-fa 时钟图标。原因是，我目前正在使用免费的 wordpress 帐户做作业。因为它是免费的，所以我有很多限制（没有 javascript，没有 CSS）。只有纯 HTML 编码。

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>

<i class="fas fa-clock" style="color:grey;"></i>

</body>

Answer 1

您可以轻松下载 svg 并将其作为原始 svg 托管在 github 或类似的东西上，并且 link 作为图像将其托管，它很脏但可以工作

Answer 2

您可以使用的替代方法是单字符 here

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>

<i class="fas fa-clock" style="color:grey;"></i>

<span>&#128339;</span> <!-- new---- -->



</body>

Answer 3

<img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/951a0d011f8c832991750c16136f8e260efa60b5/svgs/solid/lock.svg" alt="lock" height="20px" width="20px">

您可以像本例一样轻松地将它们作为图像放置。

您可以在 GitHub 上找到更多 font-awesome 的 svg 图标 link https://github.com/FortAwesome/Font-Awesome/tree/master/svgs

使用纯 HTML 添加图标

Add an Icon using pure HTML

html

javascript

css

wordpress

icons