FANDOM


Font Awesome為您提供了可以立即自定義縮放矢量圖標的大小、顏色、陰影、以及可以利用CSS力量來完成的任何效果。

Font Awesome授權於SIL OFL 1.1。代碼授權於MIT授權條款。文檔授權於CC BY 3.0

Installation

添加CSS程式碼至您的MediaWiki:Common.cssMediaWiki:Wikia.css的最上方:

@import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";

提醒,有些維基在Oasis版面上擁有MediaWiki:Common.css和MediaWiki:Wikia.css,這種情況則必須載入於MediaWiki:Common.css的最上方,載入至MediaWiki:Wikia.css將不會有任何效果。

或者可將此程式碼放入於MediaWiki:Common.js:
importArticles({
    type: "style",
    articles: [
        "w:c:dev:FontAwesome/code.css"
    ]
});

功能

  • 一種字體,675種圖標
  • 無需仰賴JavaScript
  • 無限縮放大小
  • 如言語般的自由
  • 僅需由CSS控制
  • 高分屏完美呈現
  • 完美兼容於其它框架設備
  • 適用於桌上型電腦
  • 無障礙兼容

FontAwesome使用方法

插入一個 <span> 標籤至 fa class. 例如: 

<span class="fa"></span>

插入icon class... 在Font Awesome.io列表上. 例如: 

<span class="fa fa-camera"></span>

打造樣式:

<span class="fa fa-camera" style="font-size:30px;color:green"></span>

歷史紀錄

版本 圖標 更新日期 更新者
4.7.0 675 May 11, 2017 DarthKitty
4.6.3 634 October 6, 2016 DarthKitty
4.5.0 605 December 14, 2015 Jose Buelvas
4.4.0 585 July 31, 2015 Jose Buelvas
4.3.0 519 February 10, 2015 Jose Buelvas
4.2.0 479 September 4, 2014 Jose Buelvas
4.1.0 439 May 15, 2014 Jose Buelvas
4.0.3 369 May 5, 2014 Jose Buelvas

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.