【问题标题】:how can i put fontawesome icons in markdown ? (readme file that will be uploaded to github)如何将 fontawesome 图标放在 markdown 中? (将上传到 github 的自述文件)
【发布时间】:2022-03-19 14:57:34
【问题描述】:

我想在我的自述文件中放一些 fontawesome 图标来解释它们在我的网站中的含义,但是 markdown 不允许 css,所以有什么办法可以克服这个问题?

这是我得到icon 的地方

这将是 html <i class="fas fa-crown"></i>

这是样式表链接 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">

【问题讨论】:

    标签: html css markdown github-flavored-markdown readme


    【解决方案1】:

    简单,你不能!


    你可以做的是下载你想要的图片并包含它,例如:

    ![fa-crown](fa-crown.svg)
    

    <img src="fa-crown.svg" width="50" height="50">
    

    如果你想了解更多:GitHub Flavored Markdown Spec


    更新

    您还可以使用托管在 FontAwesome GitHub repo 上的 FontAwesome 图片。因此你可以这样使用它:

    <img src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/6.x/svgs/solid/crown.svg" width="50" height="50">
    

    你会看到这个:

    【讨论】:

    • 谢谢你,我不知道你可以下载它所以我回去看看你可以。
    【解决方案2】:

    如果图标以真棒字体存在,

    ```{r load_packages, message=FALSE, warning=FALSE, include=FALSE} 
    library(fontawesome)
    ```                     
    #### `r fa("crown", fill = "steelblue")` H4 Heading      
    
    
    [`r fa("r-project", fill = "steelblue")`](https://www.rstudio.com)
    

    【讨论】:

      猜你喜欢
      • 2022-08-02
      • 2021-07-12
      • 1970-01-01
      • 2017-06-18
      • 2021-09-21
      • 2020-11-02
      • 1970-01-01
      • 2018-04-29
      • 1970-01-01
      相关资源
      最近更新 更多