成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)頁制作如何把圖標(biāo)處理成字體使用

2021-05-19    分類: 網(wǎng)站建設(shè)

在網(wǎng)頁設(shè)計(jì)制作中,會(huì)經(jīng)常用到一些小圖標(biāo)來裝飾美化一些局部位置。但這些小圖標(biāo)有時(shí)候需要鼠標(biāo)放上去有顏色變化或者其它效果,而且經(jīng)常會(huì)需要背景色和圖標(biāo)顏色一起變動(dòng)。這樣的話用圖標(biāo)會(huì)非常不方便。因?yàn)?,如果使用圖標(biāo)只有兩種解決方案。一是用css樣式來把彩色圖片換成黑白的,當(dāng)鼠標(biāo)移動(dòng)上去再變回原樣,這樣做法兼容性不高,而且經(jīng)常跟自己想要的顏色不一定完全一致。第二種就是使用兩個(gè)不同的圖片,兩種不同顏色的,需要顯示哪個(gè)用js來更換。但是,這兩種無論哪種,都不太好控制。做網(wǎng)站的都知道,字體圖標(biāo)使用時(shí)非常方便,直接引用一個(gè)樣式,就可以顯示一個(gè)圖標(biāo),而且可以像設(shè)置普通文字那樣設(shè)置大小和顏色。今天,我們就為大家介紹一下,網(wǎng)頁制作如何把圖標(biāo)處理成字體使用。讓你在使用圖標(biāo)時(shí)可以更加方便控制。

圖標(biāo)處理成字體使用制作流程:


第一步:把一些圖片或圖案用photoshop摳圖,處理成png圖片(當(dāng)然,如果你會(huì)在Illustrator摳圖,可以省略這一步)。存檔時(shí)分辨率存大一點(diǎn),一般超出512*512的png圖片才可以在 ai軟件中正常不顯示背景色。
第二步:打開AI軟件,然后點(diǎn)文件打開這個(gè)PNG文件,可以拖動(dòng)出畫布外,看下這個(gè)png是不是沒有背景色。把圖片調(diào)整合適的大小。
第三步:選中這個(gè)圖片,點(diǎn)擊軟件中的圖像描摹,如果點(diǎn)擊后不顯示右邊的小窗口,可以在工具條上的窗口下,找到圖像描摹把前面打上對(duì)號(hào)。在右邊小窗口中選擇預(yù)設(shè)下邊的 “高保真度照片”(如下圖)


第四步:選擇工具欄中的擴(kuò)展,點(diǎn)擊下后下圖


第五步:如上圖點(diǎn)擊完擴(kuò)展的效果,就算是png圖片,那個(gè)圖片的周邊也會(huì)有藍(lán)色描邊,這樣的話如果直接存成svg(生成的圖標(biāo)按藍(lán)色描邊選擇的區(qū)域生成),那在生成ttf時(shí)會(huì)是一個(gè)黑色塊。所以要把白色沒用的部分去掉,分兩種方式,一種是用橡皮擦一點(diǎn)點(diǎn)擦除。但這樣一是麻煩,二是經(jīng)常有角落里擦除不到。所以用第二種方式。就是直接雙擊或點(diǎn)擊中間想要的區(qū)域,然后按 ctrl+x剪切到剪切板。再把剩余的部分選中刪除。然后再按ctrl+v粘貼過來。這樣就是自己想要的部分了。
第六步:存儲(chǔ)為.svg文件
第七步:打開 iconfont.cn網(wǎng)站并登錄(我是用自己的微博帳號(hào)登錄的),
1、點(diǎn)擊右上角 云彩(云朵) 小圖標(biāo)上傳
2、中間上選擇文件功能,選擇自己的.svg文件
3、選擇下邊保留顏色并生成
4、鼠標(biāo)移動(dòng)到生成后的小圖標(biāo)上會(huì)有四個(gè)選項(xiàng),點(diǎn)擊加入購物車選項(xiàng)
5、點(diǎn)擊右上角的購物車圖標(biāo),選拔下邊的下載代碼。
6、代碼中有樣式文件、字體文件和.html示例代碼。
第八步:把字體文件直接放到自己的程序中使用即可。
北京網(wǎng)頁設(shè)計(jì)制作創(chuàng)新互聯(lián),專業(yè)定制開發(fā)網(wǎng)站,先做后付款。讓您的網(wǎng)站更滿意更優(yōu)秀。有任何需要?dú)g迎來電咨詢。

網(wǎng)站題目:網(wǎng)頁制作如何把圖標(biāo)處理成字體使用
本文鏈接:http://jinyejixie.com/news45/114245.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、App開發(fā)、網(wǎng)站營銷網(wǎng)頁設(shè)計(jì)公司

廣告

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

網(wǎng)站優(yōu)化排名
鄂托克旗| 灵川县| 林芝县| 富民县| 岱山县| 沐川县| 永和县| 丰城市| 大埔县| 黑水县| 三亚市| 内江市| 永寿县| 平谷区| 和政县| 瑞丽市| 娄底市| 内江市| 蓬莱市| 敖汉旗| 普格县| 太康县| 台安县| 舞钢市| 赤峰市| 宿松县| 丰宁| 峡江县| 芮城县| 广南县| 正镶白旗| 弥渡县| 广平县| 晋江市| 龙川县| 礼泉县| 高台县| 孟村| 青铜峡市| 东辽县| 肇东市|