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

網(wǎng)頁編輯器也美化,F(xiàn)iraCode 代碼專用等寬字體

2015-04-25    分類: 網(wǎng)站建設(shè)

最近在更新設(shè)計(jì)導(dǎo)航 HTML 代碼時(shí),發(fā)現(xiàn)有個(gè)樣式總是加載不出來,經(jīng)過細(xì)看發(fā)現(xiàn)竟然是因?yàn)橛昧酥形牡碾p引號導(dǎo)致,但因?yàn)榫W(wǎng)頁代碼編輯器西文和中文的雙引號太相似所以忽略查找這個(gè)問題,如此初級的問題卻浪費(fèi)了不少時(shí)間……

所以最終解決方案就是為網(wǎng)頁代碼編輯器使用代碼專用字體:FiraCode + 中文字體組合(也適用于網(wǎng)頁端),使用此方法,可以美化代碼效果,減少因字符視覺差造成的小問題,對眼睛疲勞也有一定緩解作用哦。

一、FiraCode字體

FiraCode估計(jì)很多資深編碼人員都了解過,在 Github 已經(jīng)有30000 的 Star,它主要有2個(gè)特色:

1、字符等寬

每個(gè)字符寬度占用距離是一樣的,所以無論大小寫,你都能看到它是對齊的,但是若遇到有中文字體,這就不太好使了。

2、連字符號設(shè)計(jì)

當(dāng)用戶如輸入 這兩個(gè)符號,就會(huì)自動(dòng)連在一起。如下圖:

二、中文字體選擇

為了解決引號的視覺問題,我們還必須選擇中文字體,經(jīng)小編測試一翻后,最后使用了思源黑體,這樣引號就比較好分別了。WIN 系統(tǒng)下顯示可能會(huì)更加明顯。當(dāng)然最后還是個(gè)人喜好設(shè)置中文字體啦。

mac 系統(tǒng) Atom 編輯器截圖

三、Atom 編輯器修改字體方法

小編使用的免費(fèi)的 Atom 網(wǎng)頁代碼編輯器,所以只能用它來舉例,其它編輯器修改方法也大同小異,可自行百度哦。

1、選擇菜單 Atom ,然后在下拉菜單中選擇用戶樣式設(shè)置

2、在「atom-text-editor」加入 font-family 和 font-size 的 CSS 屬性:

需要注意的是,小編使用了 Retina 屏的電腦,所以字體名稱就用「firacode-retina」,在非高清屏的下直接使用「firacode」就行,具體大家可以自己試試,區(qū)別不是很大。

具體如下圖:

四、下載地址

下載的字體非常全面,包含 ttf 及網(wǎng)頁端的eot, woff 等字體格式,無需轉(zhuǎn)換就能直接使用。

Firacode

思源黑體下載地址:http://www.shejidaren.com/app-she-ji-bi-bei-zi-ti.html

總結(jié)

使用FiraCode 中文的字體組合,不僅能讓一串串代碼變得工整美觀,還能減少因字符顯示引起的出錯(cuò)率,推薦大家收藏使用。

網(wǎng)站名稱:網(wǎng)頁編輯器也美化,F(xiàn)iraCode 代碼專用等寬字體
網(wǎng)站URL:http://m.2m8n56k.cn/news/18863.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站虛擬主機(jī)網(wǎng)站導(dǎo)航網(wǎng)站改版定制網(wǎng)站網(wǎng)站建設(shè)

廣告

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

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)
主站蜘蛛池模板: 国产精品大全 | 亚洲天堂色网站 | 夜夜躁狠狠躁日日躁2021 | 欧美日韩一区二区三区免费不卡 | 欧美特黄高清免费观看的 | 美女三级黄 | 中文字幕欧美在线观看 | 一级特黄欧美 | 92国产福利久久青青草原 | 久久久久国产午夜 | 久久免费影院 | 欧美日韩一区二区三区在线观看 | 美女黄频网站 | 国产自产v一区二区三区c | 国产欧美日韩三级 | 在线 中文字幕 日韩 欧美 | 国产在线成人一区二区 | 午夜一级影院 | 小明台湾成人永久免费看看 | 亚洲六月丁香六月婷婷蜜芽 | 性欧美高清come | 日韩一区在线播放 | 色本| 久久精品国产亚洲网址 | 久久久久一区二区三区 | 怡红院亚洲怡红院首页 | 国产伦精一区二区三区 | 手机看片自拍自自拍日韩免费 | 瑟瑟网站在线观看 | 美女张腿男人桶免费视频 | 国产成人一区二区三区在线播放 | 成人国产在线看不卡 | 日本b站一卡二卡乱码入口 日本s色大片在线观看 | 亚洲精品影院一区二区 | 亚洲一区二区三区在线视频 | 亚洲天堂黄 | 国产在线不卡免费播放 | 国产欧美日韩视频在线观看一区二区 | 久久黄色影院 | 寡妇一级毛片 | 国产香蕉尹人综合在线观 |