網(wǎng)站制作中圖標(biāo)字體和圖標(biāo)圖片的用法
發(fā)布時(shí)間:2019-04-11來(lái)源:admin
在網(wǎng)站制作的過(guò)程中我們經(jīng)常會(huì)用到一些例如小箭頭,小圓點(diǎn)一樣的東西。在以前的網(wǎng)站制作中基本上都是用圖片來(lái)完成的,隨著網(wǎng)站制作技術(shù)的發(fā)展,出現(xiàn)了一些字體圖標(biāo),字體圖標(biāo)的出現(xiàn)逐漸的代替了一些比較小的圖片。那么今天深圳網(wǎng)站建設(shè)公司就來(lái)給您介紹一些字體圖標(biāo)和圖片的用法。<br />
在以前網(wǎng)站制作中,經(jīng)常使用背景透明的圖片來(lái)制作一些小的圖標(biāo),但是隨著網(wǎng)頁(yè)越來(lái)越復(fù)雜,用到的圖標(biāo)也就越來(lái)越多,大家都知道一個(gè)每多一張圖片就意味著瀏覽器要多向服務(wù)器發(fā)送一次請(qǐng)求,請(qǐng)求的次數(shù)過(guò)多就會(huì)導(dǎo)致網(wǎng)頁(yè)加載速度慢。為了解決這個(gè)問(wèn)題,又有人將一個(gè)網(wǎng)頁(yè)中使用到的所有圖標(biāo)整合成一張大圖,要用圖標(biāo)的時(shí)候可以將這張大圖設(shè)置為背景圖片,再經(jīng)過(guò)定位就可以得到自己想要的圖標(biāo)。在到后來(lái)圖標(biāo)字體的出現(xiàn)使得使用小圖標(biāo)更加的方便,在創(chuàng)建項(xiàng)目的時(shí)候只需要引入圖標(biāo)庫(kù),在實(shí)際的使用中只需要對(duì)照字體圖標(biāo)庫(kù)中需要圖標(biāo)找到相應(yīng)的類(lèi),粘貼到自己的標(biāo)簽上就可以使用了。字體圖標(biāo)的大小根據(jù)元素內(nèi)字體大小的設(shè)置而改變,顏色改變也很方便,不像圖片改顏色還需要將圖片放入圖片處理工具中改變顏色。但是圖標(biāo)字體也有自己的缺點(diǎn),那就是無(wú)法繪制一些復(fù)雜的圖片,而且出來(lái)的圖標(biāo)也沒(méi)有圖片那樣細(xì)致。<br />
因此在使用圖標(biāo)字體的時(shí)候應(yīng)該根據(jù)自己的實(shí)際情況來(lái)使用,如果需要使用精美一點(diǎn)的圖標(biāo)還是用圖片的好。<br />
聯(lián)系方式: 0755-84185494