欧美亚洲综合图区在线|天天射天天干国产成卜|99久久免费国产精精品|国产的欧美一区二区三区|日韩中文字幕无码不卡专区|亚麻成人aV极品一区二区|国产成人AV区一区二区三|成人免费一区二区三区视频网站

當(dāng)前位置:首頁 > 網(wǎng)站建設(shè) > 正文內(nèi)容

html字體豎排(html字體豎排怎么設(shè)置)

網(wǎng)站建設(shè)9個(gè)月前 (06-09)500

即使我們在IDE(集成開發(fā)環(huán)境)中進(jìn)行編程開發(fā)時(shí),字體的選擇也是重要的。一款美觀優(yōu)雅的字體能讓代碼看上去更舒服,給人一種愉悅的氣氛,也使眼睛不再那么累,心情就會(huì)顯得不錯(cuò),那么你的開發(fā)效率自然也會(huì)有所提升。

如今除了專業(yè)的程序員外,很多很多業(yè)余愛好者都喜歡學(xué)習(xí)和折騰一下各種程序代碼。

今天,就給大家推薦一些美美的編程字體,排名不分先后順序,看個(gè)人喜好。

屏幕截圖均使用了相同代碼片段中的VS Code。

1、Inconsolata

Inconsolata號稱最好看的編程字體。該字體最初是為了代碼打印而誕生的一款等寬字體,作為編程的字體,最好使用等寬字體,而 Inconsolata 是一款看起來很漂亮的 monospace font(等寬字體),尤其適合在終端下和寫代碼的朋友使用。并且Inconsolata 由 Raph Levien 設(shè)計(jì)過,已經(jīng)成為免費(fèi)的,任何人都可以下載。英文字體著實(shí)還是很漂亮的,喜歡的朋友可以再自己體驗(yàn)一下。

2、YaHei Consolas Hybrid

YaHei Consolas Hybrid是一款程序員專用編程字體,也叫做consolas雅黑混合版字體,是由微軟雅黑的中文字體和 Consolas 的英文字體合成的,持英文和中文,Consolas 字體是微軟專為程序員開發(fā)的一種字體,但沒有中文支持,所以 Yahei Consolas Hybrid 這種字體特別適合中英文的編程開發(fā),代碼編寫。看代碼很是舒服,很優(yōu)雅很強(qiáng)大。推薦所有與代碼有溝通的朋友使用此字體。

展開全文

3、Proggy

Proggy是一種很干凈簡潔的等寬編程字體,字體扁短且?guī)в幸稽c(diǎn)像素風(fēng)格,且在小型字號的英文字符中能夠做到高清晰辨別顯示。非常適合程序員敲代碼使用。

4、Consolas

Consolas是一套等寬字體的字型,屬無襯線字體,由Lucas de Groot設(shè)計(jì),這套字型使用了微軟的ClearType字型平滑技術(shù),非常好看。

5、Source Code Pro

Source Code Pro 堪稱是一款完美的編程字體,Source Code Pro 是 Adobe 公司號稱最佳的編程字體。而且還是開源的。它非常適合用于閱讀代碼,支持 Linux、Mac OS X 和 Windows 等操作系統(tǒng),而且無論商業(yè)或個(gè)人都可以免費(fèi)使用。

字母和數(shù)字易于分辨,如: 英文字母o 和 阿拉伯?dāng)?shù)字 0 ,或者 英文字母 l 和 阿拉伯?dāng)?shù)字 1 ,兩個(gè)單引號 '' 和雙引號 ”。

字體等寬,保持對齊,美觀漂亮。

免費(fèi)開源

6、Monaco

Monaco 字體是 OS X 系統(tǒng)默認(rèn)的字體,與 Consolas 一樣都非常適合程序開發(fā)人員,很明顯一股濃濃的蘋果風(fēng)味。

7、Fira Code

Fira Code 是一種免費(fèi)的等寬字體,專為寫程序而生。支持連體符號如:≡ 、≥、≤、≠ 等。包含用于常見編程多字符組合的連字。這只是一個(gè)字體渲染功能:底層代碼保持 ASCII 兼容。這有助于更快地閱讀和理解代碼。對于一些頻繁的序列,如..或//,連字允許我們糾正間距。

Fira Code 其實(shí)基于 Fira Mono 字體,然后對操作符做了特殊處理,這樣更符合通常的閱讀習(xí)慣。

8、Hack

Hack 是一種專門用來顯示編程語言的字體,其基于 Bitstream Vera 和 DejaVu 項(xiàng)目的開源字體, 0O以及 1lI等都清晰可辨,是碼農(nóng)的福音。

9、Droid Sans Mono

Droid Sans Mono也是專為編程人員打造的一款字體,字體看起來平滑大氣,整體上給人一種舒適的感覺。

html字體豎排(html字體豎排怎么設(shè)置)

10、JetBrains Mono

JetBrains Mono 是Intellij IDEA 公司 JetBrains 推出了一種優(yōu)雅美觀字體。它是專為開發(fā)人員設(shè)計(jì)的。許多當(dāng)前流行使用的各種字體,并未考慮到在代碼開發(fā)閱讀時(shí)的美觀舒適,往往一天下來,聚精會(huì)神的你兩眼難免會(huì)干澀難受。因此,在 JetBrains Mono 的設(shè)計(jì)階段,它就充分考慮到了長時(shí)間工作可能導(dǎo)致的眼睛疲勞問題,比如字母的大小和形狀、空間量、自然等寬平衡、不必要的細(xì)節(jié)、連字、以及難以區(qū)分的符號等,從而最終設(shè)計(jì)出了這么一款字體。

你喜歡哪款字體,如果有更好用的編程字體推薦,可以在評論區(qū)留言與大家交流分享。

文中提到的部分字體下載請掃描下圖關(guān)注公眾號: Linux迷

后臺(tái)回復(fù): 字體

來自:Linux迷

鏈接:https://www.linuxmi.com/programming-font.html

關(guān)注我們

Linux公社

星標(biāo)”

每天 獲取 技術(shù)干貨,讓我們一起成長

合作聯(lián)系:root@linuxidc.net

關(guān)注我們

Linux公社

星標(biāo)”

每天 獲取 技術(shù)干貨,讓我們一起成長

合作聯(lián)系:root@linuxidc.net

掃描二維碼推送至手機(jī)訪問。

版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。

本文鏈接:http://m.landcheck.net/post/116641.html

標(biāo)簽: html字體豎排

“html字體豎排(html字體豎排怎么設(shè)置)” 的相關(guān)文章

東臺(tái)網(wǎng)站建設(shè)的簡單介紹

東臺(tái)網(wǎng)站建設(shè)的簡單介紹

本篇文章給大家談?wù)剸|臺(tái)網(wǎng)站建設(shè),以及對應(yīng)的知識(shí)點(diǎn),希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、東臺(tái)人袁清忽悠嗎 2、東臺(tái)有做網(wǎng)站優(yōu)化的嗎 3、東臺(tái)拆遷為何停止了 4、東臺(tái)市有哪幾個(gè)國企公司 5、亳州市永澤健康產(chǎn)業(yè)有限公司怎么樣? 東臺(tái)人袁清忽悠嗎 東臺(tái)人袁清不忽悠...

平面設(shè)計(jì)素材免費(fèi)下載網(wǎng)站(平面設(shè)計(jì)師素材網(wǎng)站)

平面設(shè)計(jì)素材免費(fèi)下載網(wǎng)站(平面設(shè)計(jì)師素材網(wǎng)站)

本篇文章給大家談?wù)勂矫嬖O(shè)計(jì)素材免費(fèi)下載網(wǎng)站,以及平面設(shè)計(jì)師素材網(wǎng)站對應(yīng)的知識(shí)點(diǎn),希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、平面設(shè)計(jì)素材網(wǎng)站有哪些 2、跟花瓣網(wǎng)一個(gè)性質(zhì)的平面設(shè)計(jì)網(wǎng)站有哪些? 3、請大家推薦幾個(gè)可以方便下載平面設(shè)計(jì)圖片素材的網(wǎng)站。 4、平面設(shè)計(jì)圖片素材網(wǎng)...

ae模板下載后素材缺失(ae模板下載后素材缺失Mac)

ae模板下載后素材缺失(ae模板下載后素材缺失Mac)

本篇文章給大家談?wù)刟e模板下載后素材缺失,以及ae模板下載后素材缺失Mac對應(yīng)的知識(shí)點(diǎn),希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、衷心請教一個(gè)關(guān)于AE模板的問題~我從CG兒下載了AE模板,用CS4打開后提示存在丟失文件該怎么辦?幫助下我謝 2、我網(wǎng)購的AE片頭模板,打開后提示...

網(wǎng)頁制作dw(dw做網(wǎng)頁)

網(wǎng)頁制作dw(dw做網(wǎng)頁)

本篇文章給大家談?wù)劸W(wǎng)頁制作dw,以及dw做網(wǎng)頁對應(yīng)的知識(shí)點(diǎn),希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、如何用DW制作模板? 2、如何使用dreamweaver制作網(wǎng)頁 3、怎樣用dreamweaver制作網(wǎng)頁 4、dreamweaver網(wǎng)頁設(shè)計(jì)怎么制作 5、DW制...

設(shè)計(jì)概念論述怎么寫(設(shè)計(jì)概念論述怎么寫的)

設(shè)計(jì)概念論述怎么寫(設(shè)計(jì)概念論述怎么寫的)

本篇文章給大家談?wù)勗O(shè)計(jì)概念論述怎么寫,以及設(shè)計(jì)概念論述怎么寫的對應(yīng)的知識(shí)點(diǎn),希望對各位有所幫助,不要忘了收藏本站喔。 本文目錄一覽: 1、設(shè)計(jì)理念怎么寫 2、建筑設(shè)計(jì)概念怎么寫? 3、作品設(shè)計(jì)理念怎么寫? 4、設(shè)計(jì)的概念是什么 5、設(shè)計(jì)理念怎么寫? 6、設(shè)計(jì)的基本概念? 設(shè)計(jì)理...

dw網(wǎng)頁制作圖片居中代碼(dw設(shè)置圖片居中的代碼)

dw網(wǎng)頁制作圖片居中代碼(dw設(shè)置圖片居中的代碼)

今天給各位分享dw網(wǎng)頁制作圖片居中代碼的知識(shí),其中也會(huì)對dw設(shè)置圖片居中的代碼進(jìn)行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!本文目錄一覽: 1、DW8如何讓表格內(nèi)的背景圖片居中顯示 2、dreamweaver怎么把圖片放在頁面的中間位置 3、DW里怎么能讓網(wǎng)頁打開自適...