css字體圖標的製做

我介紹的這個辦法是直接在 "阿里巴巴圖標庫"中製做的,方便快捷css

1. 首先到 "阿里巴巴圖標庫"中找到你想要的圖片,而後選擇加入購物車html

 

接着咱們點擊右上角的購物車,你會看右下角有「下載代碼」,點擊它,就成功了第一步了,拿到了css的字體圖標了字體

2.打開你下載下來的那個文件夾,其實有用的就我用紅色筆圈到的那一部分,其餘的你也能夠看看htm

而後,把iconfont.css文件引入頁面,(或者把iconfont.css的代碼拷貝到你的css文件中,這樣子的時候你就改把iconfont.css文件拷貝出來的代碼的路徑改一下額,就如圖下)blog

最後就能夠在html中引入了,有兩種辦法(能夠改變顏色、大小,就像改變字體同樣),如圖圖片

就這樣子實現了,是否是很簡單get

相關文章
相關標籤/搜索