2023年5月11日 (四) 09:01的最新版本

Font Awesome

基础用法

{{fa|icon=star}}

或

{{fa|i=star}}

大小

{{fa|icon=camera-retro|size=lg}}

{{fa|icon=camera-retro|size=2x}}

{{fa|icon=camera-retro|size=3x}}

{{fa|icon=camera-retro|size=4x}}

{{fa|icon=camera-retro|size=5x}}

旋转

{{fa|icon=spinner|size=3x|spin=true}}

{{fa|icon=spinner|size=3x|spin=pulse}}

边框

{{fa|icon=quote-left|size=3x|border=true}}

浮动

{{fa|icon=quote-left|size=3x|border=true|float=left}}

{{fa|icon=quote-right|size=3x|border=true|float=right}}

变体

{{fa|icon=star|type=regular}}
{{fa|icon=star|type=regular}}

注意：并不是所有FontAwesome图标都存在变体，具体请参照FontAwesome 免费版图标列表

为页面添加FontAwesome图标

模板参数
此模板首选参数不换行的行内格式。
参数		描述	类型	状态
图标名称	`icon` `i`	FontAwesome的图标名称（不用fa-），可以在 http://fontawesome.com.cn 查找到示例值 flag	单行文本	必需
图标大小	`size`	可用值：lg, 2x, 3x, 4x, 5x 默认值 : 默认 lg: 大 2x: 二倍 3x: 三倍 4x: 四倍 5x: 五倍	单选	可选
是否旋转	`spin`	spin: 旋转, pulse: 8位旋转默认值 : 不旋转 spin: 连续旋转 pulse: 8帧间断旋转	单选	可选
边框	`border`	是否位图标添加边框默认值 0	布尔	可选
浮动	`float`	left: 浮动于左侧, right: 浮动于右侧默认值 : 不浮动 left: 左侧 right: 右侧	单选	可选
变体类型	`type`	图标的变体类型推荐值 `solid` `regular` 示例值 solid	未知	可选

@@ 第1行： / 第1行： @@
-<onlyinclude><i class="fa fa-fw fa-{{{icon|}}}{{{i|}}} {{#if: {{{size|}}} |fa-{{{size}}}|}} {{#switch: {{{spin|}}} | true = fa-spin | spin = fa-spin | pulse = fa-pulse }} {{#ifeq:{{{border|}}}|true|fa-border|}} {{#switch: {{{float|}}} | left = fa-pull-left | right = fa-pull-right }}">{{{after|}}}</i></onlyinclude>
+<onlyinclude><i class="{{#switch: {{{type|solid}}} | solid = fas | regular = far }} fa-fw fa-{{{icon|}}}{{{i|}}} {{#if: {{{size|}}} |fa-{{{size}}}|}} {{#switch: {{{spin|}}} | true = fa-spin | spin = fa-spin | pulse = fa-pulse }} {{#switch: {{{border|}}} | true = fa-border | 1 = fa-border }} {{#switch: {{{float|}}} | left = fa-pull-left | right = fa-pull-right }}">{{{after|}}}</i></onlyinclude>
 <noinclude>
 = Font Awesome =
@@ 第25行： / 第25行： @@
 {{fa|icon=quote-left|size=3x|border=true|float=left}} <pre><nowiki>{{fa|icon=quote-left|size=3x|border=true|float=left}}</nowiki></pre><br>
 {{fa|icon=quote-right|size=3x|border=true|float=right}} <pre><nowiki>{{fa|icon=quote-right|size=3x|border=true|float=right}}</nowiki></pre>
+== 变体 ==
+{{fa|icon=star|type=regular}}
+{{fa|icon=star|type=regular}}
+<pre><nowiki>
+{{fa|icon=star|type=regular}}
+{{fa|icon=star|type=regular}}
+</nowiki></pre>
+注意：并不是所有FontAwesome图标都存在变体，具体请参照[https://fontawesome.com/search?o=r&m=free&new=yes FontAwesome 免费版图标列表]
+<templatedata>
+{
+	"params": {
+		"icon": {
+			"aliases": [
+				"i"
+			],
+			"label": "图标名称",
+			"description": "FontAwesome的图标名称（不用fa-），可以在 http://fontawesome.com.cn 查找到",
+			"example": "flag",
+			"type": "line",
+			"required": true
+		},
+		"size": {
+			"label": "图标大小",
+			"description": "可用值：lg, 2x, 3x, 4x, 5x",
+			"type": "dropdown",
+			"default": ": 默认\nlg: 大\n2x: 二倍\n3x: 三倍\n4x: 四倍\n5x: 五倍"
+		},
+		"spin": {
+			"label": "是否旋转",
+			"description": "spin: 旋转, pulse: 8位旋转",
+			"type": "dropdown",
+			"default": ": 不旋转\nspin: 连续旋转\npulse: 8帧间断旋转"
+		},
+		"border": {
+			"label": "边框",
+			"description": "是否位图标添加边框",
+			"type": "boolean",
+			"default": "0"
+		},
+		"float": {
+			"label": "浮动",
+			"description": "left: 浮动于左侧, right: 浮动于右侧",
+			"type": "dropdown",
+			"default": ": 不浮动\nleft: 左侧\nright: 右侧"
+		},
+		"type": {
+			"label": "变体类型",
+			"description": "图标的变体类型",
+			"example": "solid",
+			"suggestedvalues": [
+				"solid",
+				"regular"
+			]
+		}
+	},
+	"format": "inline",
+	"description": "为页面添加FontAwesome图标"
+}
+</templatedata>
 </noinclude>