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

2016-10-27 分類(lèi)：網(wǎng)站制作

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

網(wǎng)站題目：網(wǎng)站制作圖標(biāo)字體該如何使用
網(wǎng)頁(yè)鏈接：http://m.2m8n56k.cn/news22/54872.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站制作等

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

猜你還喜歡下面的內(nèi)容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

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