iT邦幫忙

2023 iThome 鐵人賽

DAY 12
0
Modern Web

打造你的第一個網站系列 第 12

第十二天-FontAwesome申請教學

  • 分享至 

  • xImage
  •  

除了normailze之外,這邊另外推薦一個css的 函式庫 FontAwesome
在這裡你可以找到各式各樣的小圖示,增加我們HTML的美觀,雖然有些需要付費,但是免費的項目就已經足夠讓我們設計出漂亮的圖案,引用的方式如上述的Normalize。
FontAwesome官網: https://fontawesome.com/

1.第一次進來會要求先註冊,在中間灰色的地方填寫EMAIL,之後便可以到MAIL收信,註冊。
https://ithelp.ithome.com.tw/upload/images/20230921/20149625nFhXpwI0DT.png

2.接著登入帳號,並點選kits以及Your Kits。
https://ithelp.ithome.com.tw/upload/images/20230921/20149625cctqECEcxy.png

3.在一開始會預設你有一個Kits,直接點擊,跳轉下一個畫面。
https://ithelp.ithome.com.tw/upload/images/20230921/2014962537hRphqoNQ.png

4.找到框起來的地方點選複製,並將其貼在專案的HTML<head></head>標籤中,就大功告成。
https://ithelp.ithome.com.tw/upload/images/20230921/20149625mS4Q4wVMQ1.png


上一篇
第十一天-更精緻的CSS
下一篇
第十三天-CSS階層選擇器
系列文
打造你的第一個網站32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言