1. 程式人生 > 實用技巧 >給網站文字新增圖示-Font Awesome

給網站文字新增圖示-Font Awesome

Font Awesome圖示庫是很多站長都在使用的,使用起來也非常的簡單有一些主題的目錄啊導航等都沒有圖示,光禿禿的,我正在使用的大前端也是這樣,給導航或分類新增一個圖示會讓網站頁面變得更精緻,合理運用圖示美化網站可以讓網站加分

進入官網:http://www.fontawesome.com.cn/

然後點選右上角的圖示庫

然後就會跳出搜尋框,你只需要按照自己文字的大概含義搜尋一下一般都能找到能與內容匹配的內容,搜尋按鈕必須要用英文不然無法搜尋

選擇圖示—>複製圖示程式碼—>在網站合適位置新增

一般的主題都是支援Font Awesome圖示庫的,如果你發現你的網站不支援,那就應該是網站沒有引用Font Awesome,只需要把下面程式碼複製在網站的</head>前就可以用程式碼引用

<link href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css" rel="stylesheet">