2023年11月17日 (五) 16:10的最新版本

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	未知	可选

2020年8月8日 (六) 18:37的版本查看源代码 imported>晦暗天明无编辑摘要 ←上一编辑		2023年11月17日 (五) 16:10的最新版本查看源代码 Hyperzlib（留言 \| 贡献）作者、界面管理员、管理员 14次编辑更改为异世界百科最新版
第1行： <onlyinclude><i class="fa{{#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>~~{{#fas:}}~~</onlyinclude> <noinclude> = Font Awesome = == 基础用法 == 第27行 ⟶ 第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> { 第43行 ⟶ 第53行： "label": "图标大小", "description": "可用值：lg, 2x, 3x, 4x, 5x", "type": "~~wiki-page-name~~dropdown", "default": ": 默认\nlg: 大\n2x: 二倍\n3x: 三倍\n4x: 四倍\n5x: 五倍" }, "spin": { "label": "是否旋转", "description": "spin: 旋转, pulse: 8位旋转", "type": "~~line~~dropdown", "default": ": 不旋转\nspin: 连续旋转\npulse: 8帧间断旋转" }, "border": { 第59行 ⟶ 第71行： "label": "浮动", "description": "left: 浮动于左侧, right: 浮动于右侧", "type": "~~line~~dropdown", "default": ": 不浮动\nleft: 左侧\nright: 右侧" }, "type": { "label": "变体类型", "description": "图标的变体类型", "example": "solid", "suggestedvalues": [ "solid", "regular" ] } },