2016年6月21日 星期二

GoogleFont提供material風格的小圖示

GoogleFont提供material風格的小圖示  https://design.google.com/icons/

可直接在網頁head引入
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
或在css檔引入
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
即可使用

用法: 直接在網頁中插入<i class="material-icons">XXX</i>即可
例如愛心小圖示為<i class="material-icons">favorite</i>

詳細可參考說明文件 http://google.github.io/material-design-icons/
這套小圖示有提供svg和png檔  如果要排版的話可以直接下載來使用