Markdown中插入图标的方法

2018.08.06 16:59

介绍在 Markdown 文档中使用 Font Awesome 的具体方法。

准备工作

将本代码插入md文档中的任意位置,一般就是放在最后吧...

<head> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/v4-shims.js"></script> 
</head> 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">

其中最后一行是表示此文档需要导入 Font Awesome 最新版本 5.0.13(截止至 2018.06.11)的图标符号,前面的四行是用于将 Font Awesome 4.x 版本的语句转化为 5.0.13 版本。这是因为在 2017 年年底发布的 5.0 版本中,对 4.x 版本的大量图标符号的名称进行了重写,加上此四行就可以同时使用 4.x 和 5.x 版本的语句。

搜索符号

这里提供一个搜索符号的网站与工具:
Font Awesome

<i class="far fa-address-card fa-2x"></i>

"fa-2x"表示两倍,去掉则为正常。
address-card
address-card 2倍大

Comments
Write a Comment