Fontawesome使用教程
原创 52cxy 01-23 18:32 阅读数:393

一、下载Fontawesome库

    官方下载地址:https://fontawesome.com/download


二、在要使用Fontawesome的页面添加引用

<link type="text/css" rel="stylesheet" href="./fontawesome/css/fontawesome.css">


三、代码示例

<body>
  <!-- solid style -->
  <i class="fa-solid fa-user"></i>

  <!-- regular style -->
  <i class="fa-regular fa-user"></i>

  <!-- light style -->
  <i class="fa-light fa-user"></i>

  <!-- duotone style -->
  <i class="fa-duotone fa-user"></i>

  <!-- all new thin style -->
  <i class="fa-thin fa-user"></i>

  <!-- all new sharp solid style -->
  <i class="fa-sharp fa-solid fa-user"></i>

  <!-- all new sharp regular style -->
  <i class="fa-sharp fa-regular fa-user"></i>

  <!-- all new sharp light style -->
  <i class="fa-sharp fa-light fa-user"></i>

  <!-- all new sharp thin style -->
  <i class="fa-sharp fa-thin fa-user"></i>

  <!--brand icon-->
  <i class="fa-brands fa-github-square"></i>
</body>


共0条评论
我要评论