網站制作圖標字體該如何使用

2016-10-27    分類: 網站制作

網站建設中,我們會用到不少的小圖標,而自從有了圖標字體之后,很多的小圖標由圖片都變成了圖標字體。接下來我們就來看一下圖標字體該如何使用。在使用圖標字體之前有很多的方式來使用,如果有使用一些ui框架的話,這些ui框架一般都自己帶有字體圖標,而我們只需要將ui框架中的字體文件下載下來,然后通過css將字體引入,然后使用過的時候直接就可以在寫一個行內標簽,然后找到自己想要的字體圖標下面的類復制粘貼到需要放圖標的標簽中。打開頁面就可以看到自己需要的圖標了。而使用如阿里圖標庫里的矢量圖標,需要先找到自己想要的圖標庫,然后將文件下載下來,下載的時候會有三種下載類型,一種是svg下載;一種是ai下載;一種是png下載。下載的時候可以根據個人的需求進行格式的選擇,因為我們現(xiàn)在講解的是矢量圖標,因此我們就選擇svg下載。當文件下載下來之后,直接使用img標簽引入即可。使用svg圖標可以使圖片任意放大或者縮小保持圖片不失真,而其他類型的圖片則無法保持。

網站題目:網站制作圖標字體該如何使用
網頁鏈接:http://www.muchs.cn/news22/54872.html

網站建設、網絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站制作

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網站建設