600+ HTML5 響應式模板免費下載 
目前位置: 首頁 > Font Awesome ICON 6.11
loading..

FA6 使用方法

  1. 下載 Font Awesome Icon 6 壓縮包
  2. 解壓縮並上傳 css、webfonts 資料夾至模板目錄,在使用之前連結外部樣式表
    <link href="模板目錄/css/all.css" rel="stylesheet" type="text/css" />
  3. 點擊上面左側的分類選單,再挑選喜歡的ICON並點擊圖示,按上面的【複製】按鈕將代碼複製到剪接簿,然後貼到要使用的網頁中...
  4. 範例:
  5. <i class="fas fa-download"></i> 一般
  6. <i class="fas fa-download fa-2x"></i> 2rem
  7. <i class="fas fa-download fa-3x"></i> 3rem
  8. <i class="fas fa-download fa-4x"></i> 4rem
  9. <i class="fas fa-download fa-5x"></i> 5rem
  10. <i class="fas fa-download fa-6x"></i> 6rem
  11. <i class="fas fa-download fa-7x"></i> 7rem
  12. <i class="fas fa-download fa-8x"></i> 8rem
  13. <i class="fas fa-download fa-9x"></i> 9rem
  14. <i class="fas fa-download fa-10x"></i> 10rem
  15. <i class="fas fa-download fa-2xs"></i> 0.625rem
  16. <i class="fas fa-download fa-xs"></i> 0.75rem
  17. <i class="fas fa-download fa-sm"></i> 0.875rem
  18. <i class="fas fa-download fa-lg"></i> 1.25rem
  19. <i class="fas fa-download fa-xl"></i> 1.5rem
  20. <i class="fas fa-download fa-2xl"></i> 2rem
  21. <i class="fas fa-download fa-spin"></i> 旋轉
  22. <i class="fas fa-download fa-spin fa-spin-reverse"></i> 反轉
  23. <i class="fas fa-download fa-beat"></i> 縮放
  24. <i class="fas fa-download fa-bounce"></i> 彈跳
  25. <i class="fas fa-download fa-fade"></i> 淡入
  26. <i class="fas fa-download fa-beat-fade"></i> 淡出
  27. <i class="fas fa-download fa-flip"></i> 水平翻轉
  28. <i class="fas fa-download fa-pulse"></i> 脈衝
  29. <i class="fas fa-download fa-spin-pulse"></i> 自旋脈衝
  30. <i class="fas fa-download fa-shake"></i> 左右搖動