Template:Fa/doc:修订间差异
外观
小 →参数列表 |
小无编辑摘要 |
||
| 第82行: | 第82行: | ||
==参数列表== | ==参数列表== | ||
{{columns-list| | {{columns-list| | ||
cols=3| <!-- | cols=3| <!-- 指定3列布局 --> | ||
colwidth=12em| <!-- | colwidth=12em| <!-- 列宽适配图标+代码块 --> | ||
rules=solid| <!-- | rules=solid| <!-- 显示列分隔线,直观确认3列 --> | ||
style=width:100%;| <!-- 占满容器宽度,优化适配 --> | |||
*{{fa|glass}} <code>glass</code> | *{{fa|glass}} <code>glass</code> | ||
*{{fa|music}} <code>music</code> | *{{fa|music}} <code>music</code> | ||
| 第98行: | 第99行: | ||
*{{fa|th-list}} <code>th-list</code> | *{{fa|th-list}} <code>th-list</code> | ||
*{{fa|check}} <code>check</code> | *{{fa|check}} <code>check</code> | ||
*{{fa|close}} <code>close</code> | *{{fa|close}} <code>close</code> | ||
*{{fa|search-plus}} <code>search-plus</code> | *{{fa|search-plus}} <code>search-plus</code> | ||
*{{fa|search-minus}} <code>search-minus</code> | *{{fa|search-minus}} <code>search-minus</code> | ||
| 第106行: | 第105行: | ||
*{{fa|signal}} <code>signal</code> | *{{fa|signal}} <code>signal</code> | ||
*{{fa|gear}} <code>gear</code> | *{{fa|gear}} <code>gear</code> | ||
*{{fa| | *{{fa|gears}} <code>gears</code> | ||
*{{fa|trash-o}} <code>trash-o</code> | *{{fa|trash-o}} <code>trash-o</code> | ||
*{{fa|home}} <code>home</code> | *{{fa|home}} <code>home</code> | ||
| 第145行: | 第144行: | ||
*{{fa|align-justify}} <code>align-justify</code> | *{{fa|align-justify}} <code>align-justify</code> | ||
*{{fa|list}} <code>list</code> | *{{fa|list}} <code>list</code> | ||
*{{fa|outdent}} <code>outdent</code> | *{{fa|outdent}} <code>outdent</code> | ||
*{{fa|indent}} <code>indent</code> | *{{fa|indent}} <code>indent</code> | ||
| 第221行: | 第219行: | ||
*{{fa|camera-retro}} <code>camera-retro</code> | *{{fa|camera-retro}} <code>camera-retro</code> | ||
*{{fa|key}} <code>key</code> | *{{fa|key}} <code>key</code> | ||
*{{fa|comments}} <code>comments</code> | *{{fa|comments}} <code>comments</code> | ||
*{{fa|thumbs-o-up}} <code>thumbs-o-up</code> | *{{fa|thumbs-o-up}} <code>thumbs-o-up</code> | ||
| 第243行: | 第239行: | ||
*{{fa|twitter}} <code>twitter</code> | *{{fa|twitter}} <code>twitter</code> | ||
*{{fa|facebook-f}} <code>facebook-f</code> | *{{fa|facebook-f}} <code>facebook-f</code> | ||
*{{fa|github}} <code>github</code> | *{{fa|github}} <code>github</code> | ||
*{{fa|unlock}} <code>unlock</code> | *{{fa|unlock}} <code>unlock</code> | ||
| 第281行: | 第276行: | ||
*{{fa|floppy-o}} <code>floppy-o</code> | *{{fa|floppy-o}} <code>floppy-o</code> | ||
*{{fa|square}} <code>square</code> | *{{fa|square}} <code>square</code> | ||
*{{fa|bars}} <code>bars</code> | *{{fa|bars}} <code>bars</code> | ||
*{{fa|list-ul}} <code>list-ul</code> | *{{fa|list-ul}} <code>list-ul</code> | ||
| 第301行: | 第294行: | ||
*{{fa|caret-right}} <code>caret-right</code> | *{{fa|caret-right}} <code>caret-right</code> | ||
*{{fa|columns}} <code>columns</code> | *{{fa|columns}} <code>columns</code> | ||
*{{fa|sort}} <code>sort</code> | *{{fa|sort}} <code>sort</code> | ||
*{{fa|sort-down}} <code>sort-down</code> | *{{fa|sort-down}} <code>sort-down</code> | ||
*{{fa|sort-up}} <code>sort-up</code> | *{{fa|sort-up}} <code>sort-up</code> | ||
*{{fa|envelope}} <code>envelope</code> | *{{fa|envelope}} <code>envelope</code> | ||
*{{fa|linkedin}} <code>linkedin</code> | *{{fa|linkedin}} <code>linkedin</code> | ||
| 第317行: | 第307行: | ||
*{{fa|comment-o}} <code>comment-o</code> | *{{fa|comment-o}} <code>comment-o</code> | ||
*{{fa|comments-o}} <code>comments-o</code> | *{{fa|comments-o}} <code>comments-o</code> | ||
*{{fa|bolt}} <code>bolt</code> | *{{fa|bolt}} <code>bolt</code> | ||
*{{fa|sitemap}} <code>sitemap</code> | *{{fa|sitemap}} <code>sitemap</code> | ||
*{{fa|umbrella}} <code>umbrella</code> | *{{fa|umbrella}} <code>umbrella</code> | ||
*{{fa|clipboard}} <code>clipboard</code> | *{{fa|clipboard}} <code>clipboard</code> | ||
*{{fa|lightbulb-o}} <code>lightbulb-o</code> | *{{fa|lightbulb-o}} <code>lightbulb-o</code> | ||
| 第353行: | 第341行: | ||
*{{fa|laptop}} <code>laptop</code> | *{{fa|laptop}} <code>laptop</code> | ||
*{{fa|tablet}} <code>tablet</code> | *{{fa|tablet}} <code>tablet</code> | ||
*{{fa|mobile}} <code>mobile</code> | *{{fa|mobile}} <code>mobile</code> | ||
*{{fa|circle-o}} <code>circle-o</code> | *{{fa|circle-o}} <code>circle-o</code> | ||
| 第376行: | 第363行: | ||
*{{fa|mail-reply-all}} <code>mail-reply-all</code> | *{{fa|mail-reply-all}} <code>mail-reply-all</code> | ||
*{{fa|reply-all}} <code>reply-all</code> | *{{fa|reply-all}} <code>reply-all</code> | ||
*{{fa|star-half-o}} <code>star-half-o</code> | *{{fa|star-half-o}} <code>star-half-o</code> | ||
*{{fa|location-arrow}} <code>location-arrow</code> | *{{fa|location-arrow}} <code>location-arrow</code> | ||
| 第427行: | 第412行: | ||
*{{fa|toggle-right}} <code>toggle-right</code> | *{{fa|toggle-right}} <code>toggle-right</code> | ||
*{{fa|caret-square-o-right}} <code>caret-square-o-right</code> | *{{fa|caret-square-o-right}} <code>caret-square-o-right</code> | ||
*{{fa|eur}} <code>eur</code> | *{{fa|eur}} <code>eur</code> | ||
*{{fa|gbp}} <code>gbp</code> | *{{fa|gbp}} <code>gbp</code> | ||
*{{fa|usd}} <code>usd</code> | *{{fa|usd}} <code>usd</code> | ||
*{{fa|inr}} <code>inr</code> | *{{fa|inr}} <code>inr</code> | ||
*{{fa|cny}} <code>cny</code> | *{{fa|cny}} <code>cny</code> | ||
*{{fa|jpy}} <code>jpy</code> | *{{fa|jpy}} <code>jpy</code> | ||
*{{fa|rub}} <code>rub</code> | *{{fa|rub}} <code>rub</code> | ||
*{{fa|krw}} <code>krw</code> | *{{fa|krw}} <code>krw</code> | ||
*{{fa|btc}} <code>btc</code> | *{{fa|btc}} <code>btc</code> | ||
*{{fa|file}} <code>file</code> | *{{fa|file}} <code>file</code> | ||
| 第483行: | 第459行: | ||
*{{fa|female}} <code>female</code> | *{{fa|female}} <code>female</code> | ||
*{{fa|male}} <code>male</code> | *{{fa|male}} <code>male</code> | ||
*{{fa|gratipay}} <code>gratipay</code> | *{{fa|gratipay}} <code>gratipay</code> | ||
*{{fa|sun-o}} <code>sun-o</code> | *{{fa|sun-o}} <code>sun-o</code> | ||
| 第491行: | 第466行: | ||
*{{fa|vk}} <code>vk</code> | *{{fa|vk}} <code>vk</code> | ||
*{{fa|weibo}} <code>weibo</code> | *{{fa|weibo}} <code>weibo</code> | ||
*{{fa|pagelines}} <code>pagelines</code> | *{{fa|pagelines}} <code>pagelines</code> | ||
*{{fa|stack-exchange}} <code>stack-exchange</code> | *{{fa|stack-exchange}} <code>stack-exchange</code> | ||
| 第501行: | 第475行: | ||
*{{fa|wheelchair}} <code>wheelchair</code> | *{{fa|wheelchair}} <code>wheelchair</code> | ||
*{{fa|vimeo-square}} <code>vimeo-square</code> | *{{fa|vimeo-square}} <code>vimeo-square</code> | ||
*{{fa|try}} <code>try</code> | *{{fa|try}} <code>try</code> | ||
*{{fa|plus-square-o}} <code>plus-square-o</code> | *{{fa|plus-square-o}} <code>plus-square-o</code> | ||
| 第539行: | 第512行: | ||
*{{fa|steam-square}} <code>steam-square</code> | *{{fa|steam-square}} <code>steam-square</code> | ||
*{{fa|recycle}} <code>recycle</code> | *{{fa|recycle}} <code>recycle</code> | ||
*{{fa|car}} <code>car</code> | *{{fa|car}} <code>car</code> | ||
*{{fa|taxi}} <code>taxi</code> | *{{fa|taxi}} <code>taxi</code> | ||
*{{fa|tree}} <code>tree</code> | *{{fa|tree}} <code>tree</code> | ||
| 第552行: | 第523行: | ||
*{{fa|file-excel-o}} <code>file-excel-o</code> | *{{fa|file-excel-o}} <code>file-excel-o</code> | ||
*{{fa|file-powerpoint-o}} <code>file-powerpoint-o</code> | *{{fa|file-powerpoint-o}} <code>file-powerpoint-o</code> | ||
*{{fa|file-image-o}} <code>file-image-o</code> | *{{fa|file-image-o}} <code>file-image-o</code> | ||
*{{fa|file-zip-o}} <code>file-zip-o</code> | *{{fa|file-zip-o}} <code>file-zip-o</code> | ||
*{{fa|file-audio-o}} <code>file-audio-o</code> | *{{fa|file-audio-o}} <code>file-audio-o</code> | ||
*{{fa|file-video-o}} <code>file-video-o</code> | *{{fa|file-video-o}} <code>file-video-o</code> | ||
*{{fa|file-code-o}} <code>file-code-o</code> | *{{fa|file-code-o}} <code>file-code-o</code> | ||
| 第565行: | 第531行: | ||
*{{fa|codepen}} <code>codepen</code> | *{{fa|codepen}} <code>codepen</code> | ||
*{{fa|jsfiddle}} <code>jsfiddle</code> | *{{fa|jsfiddle}} <code>jsfiddle</code> | ||
*{{fa|life-ring}} <code>life-ring</code> | *{{fa|life-ring}} <code>life-ring</code> | ||
*{{fa|circle-o-notch}} <code>circle-o-notch</code> | *{{fa|circle-o-notch}} <code>circle-o-notch</code> | ||
*{{fa|rebel}} <code>rebel</code> | *{{fa|rebel}} <code>rebel</code> | ||
*{{fa|empire}} <code>empire</code> | *{{fa|empire}} <code>empire</code> | ||
*{{fa|git-square}} <code>git-square</code> | *{{fa|git-square}} <code>git-square</code> | ||
*{{fa|git}} <code>git</code> | *{{fa|git}} <code>git</code> | ||
*{{fa|hacker-news}} <code>hacker-news</code> | *{{fa|hacker-news}} <code>hacker-news</code> | ||
*{{fa|tencent-weibo}} <code>tencent-weibo</code> | *{{fa|tencent-weibo}} <code>tencent-weibo</code> | ||
*{{fa|qq}} <code>qq</code> | *{{fa|qq}} <code>qq</code> | ||
*{{fa|wechat}} <code>wechat</code> | *{{fa|wechat}} <code>wechat</code> | ||
*{{fa|paper-plane}} <code>paper-plane</code> | *{{fa|paper-plane}} <code>paper-plane</code> | ||
*{{fa|paper-plane-o}} <code>paper-plane-o</code> | *{{fa|paper-plane-o}} <code>paper-plane-o</code> | ||
*{{fa|history}} <code>history</code> | *{{fa|history}} <code>history</code> | ||
| 第597行: | 第551行: | ||
*{{fa|share-alt-square}} <code>share-alt-square</code> | *{{fa|share-alt-square}} <code>share-alt-square</code> | ||
*{{fa|bomb}} <code>bomb</code> | *{{fa|bomb}} <code>bomb</code> | ||
*{{fa|futbol-o}} <code>futbol-o</code> | *{{fa|futbol-o}} <code>futbol-o</code> | ||
*{{fa|tty}} <code>tty</code> | *{{fa|tty}} <code>tty</code> | ||
*{{fa|binoculars}} <code>binoculars</code> | *{{fa|binoculars}} <code>binoculars</code> | ||
}} | }} | ||
2025年11月27日 (四) 09:16的版本
本模版可以生成一个FontAwesome符号库中的符号。
请在参数1中填写所需的符号标识。
符号标识可以前往Font Awesome官网查询。
使用方法
在参数1中填写标识即可。
- 设置
- 邮箱
- 历史
- 警告
- 选择
*{{fa|cog}}设置
*{{fa|envelope}}邮箱
*{{fa|history}}历史
*{{fa|warning}}警告
*{{fa|check-square}}选择
生成的符号是inline-block对象,颜色和大小与当前区域的文字一致。除了<nowiki>标签之外,你可以像处理文字一样处理这些符号。
为了美观,建议在该模板和文字之间增加一个空格。
你甚至可以将本模板插入链接的显示文本中。
例:请阅读 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}}
{{fa|qq|b|size=36px|color=skyblue}}
{{fa|adjust|size=24px|color=red|style=text-shadow: 2px 2px 6px #000; border:solid 1px blue; padding:10px; }}
图标动画
使用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}}
{{fa|spinner|color=#666600|fa-3x fa-spin}}
常用图标
anchor
archive
asterisk
at
ban
bell
binoculars
bolt
book
bookmark
box
bug
bullhorn
burn
certificate
chart-pie
check
chess-king
chess-knight
chess-queen
code
code-branch
coffee
comment
compress
crosshairs
desktop
door-open
dove
edit
eject
exclamation
exclamation-triangle
eye
feather
fighter-jet
filter
flag
flag-checkered
font
gamepad
gem
gift
glasses
graduation-cap
hashtag
heart
h-square
inbox
infinity
info
key
lightbulb
link
location-arrow
magic
map-marker-alt
map-signs
meh
moon
palette
play
poo
quote-left
robot
search
share-alt
shield-alt
shopping-cart
skull
star
stopwatch
subway
sun
tag
thumbs-down
thumbs-up
thumbtack
trophy
user-secret
wrench
参数列表
-
glass -
music -
search -
envelope-o -
heart -
star -
star-o -
user -
film -
th-large -
th -
th-list -
check -
close -
search-plus -
search-minus -
power-off -
signal -
gear -
gears -
trash-o -
home -
file-o -
clock-o -
road -
download -
arrow-circle-o-down -
arrow-circle-o-up -
inbox -
play-circle-o -
rotate-right -
repeat -
refresh -
list-alt -
lock -
flag -
headphones -
volume-off -
volume-down -
volume-up -
qrcode -
barcode -
tag -
tags -
book -
bookmark -
print -
camera -
font -
bold -
italic -
text-height -
text-width -
align-left -
align-center -
align-right -
align-justify -
list -
outdent -
indent -
video-camera -
photo -
image -
picture-o -
pencil -
map-marker -
adjust -
tint -
edit -
pencil-square-o -
share-square-o -
check-square-o -
arrows -
step-backward -
fast-backward -
backward -
play -
pause -
stop -
forward -
fast-forward -
step-forward -
eject -
chevron-left -
chevron-right -
plus-circle -
minus-circle -
times-circle -
check-circle -
question-circle -
info-circle -
crosshairs -
times-circle-o -
check-circle-o -
ban -
arrow-left -
arrow-right -
arrow-up -
arrow-down -
mail-forward -
share -
expand -
compress -
plus -
minus -
asterisk -
exclamation-circle -
gift -
leaf -
fire -
eye -
eye-slash -
warning -
exclamation-triangle -
plane -
calendar -
random -
comment -
magnet -
chevron-up -
chevron-down -
retweet -
shopping-cart -
folder -
folder-open -
arrows-v -
arrows-h -
bar-chart-o -
bar-chart -
twitter-square -
facebook-square -
camera-retro -
key -
comments -
thumbs-o-up -
thumbs-o-down -
star-half -
heart-o -
sign-out -
linkedin-square -
thumb-tack -
external-link -
sign-in -
trophy -
github-square -
upload -
lemon-o -
phone -
square-o -
bookmark-o -
phone-square -
twitter -
facebook-f -
github -
unlock -
credit-card -
feed -
rss -
hdd-o -
bullhorn -
bell -
certificate -
hand-o-right -
hand-o-left -
hand-o-up -
hand-o-down -
arrow-circle-left -
arrow-circle-right -
arrow-circle-up -
arrow-circle-down -
globe -
wrench -
tasks -
filter -
briefcase -
arrows-alt -
group -
users -
chain -
link -
cloud -
flask -
cut -
scissors -
copy -
files-o -
paperclip -
save -
floppy-o -
square -
bars -
list-ul -
list-ol -
strikethrough -
underline -
table -
magic -
truck -
pinterest -
pinterest-square -
google-plus-square -
google-plus -
money -
caret-down -
caret-up -
caret-left -
caret-right -
columns -
sort -
sort-down -
sort-up -
envelope -
linkedin -
rotate-left -
undo -
legal -
gavel -
dashboard -
tachometer -
comment-o -
comments-o -
bolt -
sitemap -
umbrella -
clipboard -
lightbulb-o -
exchange -
cloud-download -
cloud-upload -
user-md -
stethoscope -
suitcase -
bell-o -
coffee -
cutlery -
file-text-o -
building-o -
hospital-o -
ambulance -
medkit -
fighter-jet -
beer -
h-square -
plus-square -
angle-double-left -
angle-double-right -
angle-double-up -
angle-double-down -
angle-left -
angle-right -
angle-up -
angle-down -
desktop -
laptop -
tablet -
mobile -
circle-o -
quote-left -
quote-right -
spinner -
circle -
mail-reply -
reply -
github-alt -
folder-o -
folder-open-o -
smile-o -
frown-o -
meh-o -
gamepad -
keyboard-o -
flag-o -
flag-checkered -
terminal -
code -
mail-reply-all -
reply-all -
star-half-o -
location-arrow -
crop -
code-fork -
unlink -
chain-broken -
question -
info -
exclamation -
superscript -
subscript -
eraser -
puzzle-piece -
microphone -
microphone-slash -
shield -
calendar-o -
fire-extinguisher -
rocket -
maxcdn -
chevron-circle-left -
chevron-circle-right -
chevron-circle-up -
chevron-circle-down -
html5 -
css3 -
anchor -
unlock-alt -
bullseye -
ellipsis-h -
ellipsis-v -
rss-square -
play-circle -
ticket -
minus-square -
minus-square-o -
level-up -
level-down -
check-square -
pencil-square -
external-link-square -
share-square -
compass -
toggle-down -
caret-square-o-down -
toggle-up -
caret-square-o-up -
toggle-right -
caret-square-o-right -
eur -
gbp -
usd -
inr -
cny -
jpy -
rub -
krw -
btc -
file -
file-text -
sort-alpha-asc -
sort-alpha-desc -
sort-amount-asc -
sort-amount-desc -
sort-numeric-asc -
sort-numeric-desc -
thumbs-up -
thumbs-down -
youtube-square -
youtube -
xing -
xing-square -
youtube-play -
dropbox -
stack-overflow -
instagram -
flickr -
adn -
bitbucket -
bitbucket-square -
tumblr -
tumblr-square -
long-arrow-down -
long-arrow-up -
long-arrow-left -
long-arrow-right -
apple -
windows -
android -
linux -
dribbble -
skype -
foursquare -
trello -
female -
male -
gratipay -
sun-o -
moon-o -
archive -
bug -
vk -
weibo -
pagelines -
stack-exchange -
arrow-circle-o-right -
arrow-circle-o-left -
toggle-left -
caret-square-o-left -
dot-circle-o -
wheelchair -
vimeo-square -
try -
plus-square-o -
space-shuttle -
slack -
envelope-square -
wordpress -
openid -
institution -
bank -
university -
mortar-board -
graduation-cap -
yahoo -
google -
reddit -
reddit-square -
stumbleupon-circle -
stumbleupon -
delicious -
digg -
pied-piper-pp -
pied-piper-alt -
drupal -
joomla -
language -
fax -
building -
child -
paw -
spoon -
cube -
cubes -
behance -
behance-square -
steam -
steam-square -
recycle -
car -
taxi -
tree -
spotify -
deviantart -
soundcloud -
database -
file-pdf-o -
file-word-o -
file-excel-o -
file-powerpoint-o -
file-image-o -
file-zip-o -
file-audio-o -
file-video-o -
file-code-o -
vine -
codepen -
jsfiddle -
life-ring -
circle-o-notch -
rebel -
empire -
git-square -
git -
hacker-news -
tencent-weibo -
qq -
wechat -
paper-plane -
paper-plane-o -
history -
circle-thin -
header -
paragraph -
sliders -
share-alt -
share-alt-square -
bomb -
futbol-o -
tty -
binoculars