線上資源

如何在自己的網站內實現Font Awesome icons?

會員評分:  4 / 5

啟用星號啟用星號啟用星號啟用星號不啟用星號
 

file

每一位在從事網頁設計的人員在設計網站時,除了使用圖片、標語以及特效來展現自己的網站之外,Icons也是少不了的實用工具。由於現在許多網站如:wordpress、Joomla、Drupal等CMS管理系統的網站模板安裝時就已經內建了Icons簡碼,但是如何能夠快速及正確的使用簡碼,這個肯定是你我會遇到的問題

我們選出最常內建在模板中的Font Awesome代碼分享給大家如何使用。

實現 Font Awesome Icons內嵌在自己的網站中

file

你可以使用Bootstrap CDN的方式插入一條簡易程式碼從外部抓取Font Awesome的資料來實現將Font Awesome Icons網站上所有簡碼立即使用這件事情!

將下面這行程式碼貼入網站HTML檔案內(通常是網站的Index.php)的 <head></head> 的標籤內部。

<link rel="stylesheet" href="/knowledge/ https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css ">
 

嵌入代碼後,你就可以馬上使用所有Icons簡碼,而且未來如果有Icons新版本,你只需要更改這段程式碼即可快速的更新Font Awesome,這個方法是讓自己的網站呼叫來自外部網站(Font Awesome官網)的資料,若是使用較差的虛擬主機或自有主機將會小幅度的減少網頁讀取速度。

接下來你就可以直接到Font Awesome Icons去發掘自己喜愛的簡碼並且使用:

點我前往: http://fortawesome.github.io/Font-Awesome/icons/

Search