Font-Awesome－簡單又好用的icon素材網，只要一行字即可直接使用！

文章專區

網頁設計相關文章

Font Awesome網站提供許多好看的icon可以免費下載使用，原理為將icon以文字型式(fonts)表現，在應用上比起將設計的icon切成圖片使用來得更加便利。

首先進入Font Awesome的網站http://fontawesome.io/ 下載套件

解壓縮後，若只是需要css的話只需將css與font的資料夾複製到目的地。

在<head>與</head>之間加入css語法

例如: <link rel="stylesheet" href="font-awesome/css/font-awesome.css">

若要使用只需在html裡加入欲選擇的icon語法即可

例：

若要更改大小的話可以依自己需求在原始碼裡加上fa-lg、fa-2x、fa-3x等。

例：

另外因為Font Awesome的icon是文字型式，所以也可用文字設定的css來改變大小

例：font-size:14px

Font Awesome提供的icon可減少特地設計icon和切版所需花費的時間，設計上又簡單實用，為網頁設計師可善加利用的好工具。