更改

跳到导航 跳到搜索
添加1,396字节 、​ 2021年2月11日 (四) 21:31
建立内容为“显示 Font Awesome 图标。 ==参数== <pre> {{fa|图标名}} </pre> 默认使用 fas 样式(即 Solid 样式)。 在图标名后的任何位置加入s、…”的新页面
显示 Font Awesome 图标。

==参数==
<pre>
{{fa|图标名}}
</pre>
默认使用 fas 样式(即 Solid 样式)。

在图标名后的任何位置加入s、r、l、b参数,将对应使用 fas、far、fal、fa 样式(即 Solid、Regular、Light、Brands 样式)。


在图标名后的任何位置加入没有参数名的参数,将视为类(class)。

这种参数只能存在一个。如果你需要使用多个类,请写在同一个参数中,并使用空格分隔。


此外,还有如下可选参数(不能省略参数名):

{{para|color|图标的颜色}}

{{para|size|图标的尺寸}}

{{para|style|图标的其他CSS样式(不要使用引号)}}

==范例==
<pre>{{fa|qrcode}}</pre>
{{fa|qrcode}}

<pre>{{fa|qq|b|size=36px|color=skyblue}}</pre>
{{fa|qq|b|size=36px|color=skyblue}}

<pre>{{fa|compass|color=#666600|fa-3x fa-spin|r}}</pre>
{{fa|compass|color=#666600|fa-3x fa-spin|r}}

<pre>{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}</pre>
{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}

==常用图标==
{{fa/recommend}}

==参阅==
* [https://fontawesome.com/icons?d=gallery&m=free 图标一览] (仅 Free 可用)
* [https://fontawesome.com/how-to-use/web-fonts-with-css 关于类(class)、样式(style)的进一步说明]
15,667

个编辑

导航菜单