模板:Fa
本模版可以生成一个FontAwesome符号库中的符号。
请在参数1中填写所需的符号标识。
符号标识可以前往Font Awesome官网查询。
使用方法
在参数1中填写标识即可。
- Template:Error: 缺少必需参数:name(图标名称)设置
- Template:Error: 缺少必需参数:name(图标名称)邮箱
- Template:Error: 缺少必需参数:name(图标名称)历史
- Template:Error: 缺少必需参数:name(图标名称)警告
- Template:Error: 缺少必需参数:name(图标名称)选择
*{{fa|cog}}设置
*{{fa|envelope}}邮箱
*{{fa|history}}历史
*{{fa|warning}}警告
*{{fa|check-square}}选择
生成的符号是inline-block对象,颜色和大小与当前区域的文字一致。除了<nowiki>标签之外,你可以像处理文字一样处理这些符号。
为了美观,建议在该模板和文字之间增加一个空格。
你甚至可以将本模板插入链接的显示文本中。
例:请阅读[[模板:fa/doc|Template:Error: 缺少必需参数:name(图标名称) Font Awesome快速引用模板文档]]
请阅读[[模板:fa/doc|{{fa|flag}} Font Awesome快速引用模板文档]]
样式
默认使用 fa 样式。
在图标名后的任何位置加入s、r、b参数,将对应使用 fas、far、fab 样式(即 Solid、Regular、Brands 样式)。
在图标名后的任何位置加入没有参数名的参数,将视为类(class)。
这种参数只能存在一个。如果你需要使用多个类,请写在同一个参数中,并使用空格分隔。
此外,还有如下可选参数(不能省略参数名):
|rotate=图标旋转的角度(限制填写90、180、270)
|color=图标的颜色
|size=图标的尺寸
|style=图标的其他CSS样式(不要使用引号)
范例
{{fa|qrcode}}
Template:Error: 缺少必需参数:name(图标名称)
{{fa|qq|b|size=36px|color=skyblue}}
Template:Error: 缺少必需参数:name(图标名称)
{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}
Template:Error: 缺少必需参数:name(图标名称)
图标动画
使用classfa-spin可以使任何图标执行旋转动画,使用classfa-pulse可以使图标以8步为周期进行旋转。可以完美执行旋转动画的图标有:fa-spinner,fa-refresh和fa-cog。
{{fa|spinner|fa-spin}}
{{fa|circle-o-notch|fa-spin}}
{{fa|refresh|fa-spin}}
{{fa|cog|fa-spin}}
{{fa|spinner|fa-pulse}}
Template:Error: 缺少必需参数:name(图标名称) Template:Error: 缺少必需参数:name(图标名称) Template:Error: 缺少必需参数:name(图标名称) Template:Error: 缺少必需参数:name(图标名称) Template:Error: 缺少必需参数:name(图标名称)
{{fa|spinner|color=#666600|fa-3x fa-spin}}
Template:Error: 缺少必需参数:name(图标名称)
常用图标