Basic Use

You can place Font Awesome icons just about anywhere using a CSS style prefix and the icon’s name. Font Awesome is designed to be used with inline elements (we like the <i> tag for brevity, but using a <span> is more semantically correct).

使用<span>更語意化。
 
 

Stacked Icons

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

fa-stack用在父層上面,fa-stack-1x用在一般尺寸的icon,fa-stack-2x用在大一點的icon ,fa-inverse用在反白的icon。

 

例如:

fa-circle代表圓的圖案

fa-stack-2x是用在底圖的圓

font awesome 5把舊的fa前綴詞改成新的fas for solid和fab for brand, far for regular了。

創作者介紹
創作者 READY sharing 的頭像
READY sharing

Ready sharing

READY sharing 發表在 痞客邦 留言(0) 人氣()