Symbol
顯示圖示的組件,經常使用於 <i>
。改變尺寸大小的方法可透過 font-size
來達到。顏色的更換可透過 color
完成。
Symbol
用於顯示 HTML Character Code 的圖形。使用類別為 .symbol
並將 HTML Code 設定於 [data-code]
。
代碼可參考:https://www.toptal.com/designers/htmlarrows/
★ ☉ ☻
<i class="symbol">{HTML Code}</i>
Icon
Iconfont 是很常用的網路工具之一,Lazy4 目前主要在範例上使用的是 Font Awesome。使用類別為 .icon
,接著加上各 Iconfont 的類別名稱即可。
<i class="icon {iconfont class}""></i>