如何在Rmarkdown中使用fontawesome

缘起

看到 https://github.com/nstrayer/cvpagedown 包制作的个人简历很精美,然后就开始研究作者是如何实现的。发现其中用了不少的 fontawesome 小图标来美化页面内容,马上想到一个问题:能否在 Rmarkdown 中也使用这些图标来美化 gitbook 风格的个人简历呢?

实现过程

在网上检索了一下,找到了 fontawesome 的官网:https://fontawesome.com/icons? 提供了众多免费和收费的图标。

同时在 巧用 Font Awesome 装点 Markdown 文档 一文中提到了具体的实现方法及应用技巧:即在 Rmarkdown 文件的最后可以加上以下代码:

<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 版本的语句。

Rmarkdown 正文需要引用之处,可以直接插入各类 Font Awesome 符号,其基础用法是:

<i class="fa fa-weixin"></i> #这表示一个微信图标的符号

此外,在搜索过程中找到的有用资料如下:

Avatar
Wu, Jun
Associate professor
Next
Previous