網(wǎng)站制作圖標字體該如何使用

2016-10-27    分類: 網(wǎng)站制作

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

網(wǎng)站題目:網(wǎng)站制作圖標字體該如何使用
網(wǎng)頁鏈接:http://www.bm7419.com/news22/54872.html

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

廣告

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

h5響應式網(wǎng)站建設(shè)