CSS font-family常見中文字體對應的英文名稱

然一些常見中文字體，例如“宋體”，“微軟雅黑”等，直接使用中文名稱作為CSS font-family的屬性值也能生效，但我們一般都不使用中文名稱，而是使用英文名稱，主要是規避亂碼的風險。還有一些中文字體，直接使用中文名稱作為CSS font-family的屬性值是沒有效果的，如“思源黑體”， “蘭亭黑體”等，需要使用對應的英文字體名稱才可以。

總而言之一句話，你要想使用中文字體，就必須要知道其對應的英文名稱。

我在網上搜索相關資料的時候，發現幾乎唯一流傳一份中英文對應數據是2010年某位同學整理的，現在已經2017年了，所以其中不少內容已經過時了，如“仿宋_GB2312”、“楷體_GB2312” windows7及其以后版本都沒有了；同時有很多遺漏和缺失的地方，例如OS X新晉“蘋方”等字體。

所以，我特意花了一兩天的時間，對以往的數據進行了修正和補充，保證每一個字體都在不同系統下一個一個親自測試驗證，整理了一份更完善的中文字體英文名稱對應關系一覽表，您可以狠狠地點擊這里：CSS font-family中文字體對應的英文名稱一覽表demo

列表不僅僅是顯示了對應關系，本身就是基于自身所表示的字體來渲染的，因此，某種意義上可以檢測你的電腦是否安裝了此字體，例如，“黑體”這一個表格行的CSS font-family全部都是使用的“黑體”，并且可以切換為瀏覽器默認字體來對照效果，如下截圖所示：

但是一種操作系統，肯定是無法看全所有字體效果的，因此你也可以直接看下面的完整的截圖效果：

開源字體部分

新增部分版權字體，如方正系列字體和漢儀系列字體的中文和英文對應關系圖。

體效果

<h1></h1> 標題字(最大)

<h6></h6> 標題字(最小)

<strong></strong> 粗體字(突出強調)

<b></b> 粗體字(bold:粗體)

<i></i> 斜體字(italic:斜體)

<u></u> 底線,文本添加下劃線：(underline:下劃線)

<strike></strike>或<s></s> 橫線,相當于加刪除線文本 <del></del> HTML5

等寬文字標簽:對于等寬文字設置多數情況用在英文文字顯示中

<tt></tt> 打字體,類似打字機或者等寬的文本效果。

<code></code> 等寬文字設置內容(定義計算機代碼文本)

<samp></samp> 等寬文字設置內容(定義樣本文本)

<kbd> 定義鍵盤文本。

<sup></sup> 文字上標字體標簽(super)

<sub></sub> 文字下標字體標簽(subscipt)

<address></address> 設置地址文字(可定義一個地址,比如電子郵件地址。您應當使用它來定義地址、簽名或者文檔的作者身份。)

<font></font> 編輯網頁文字樣式

<font face="" size="" color=""></font>

face屬性可以用于設置文字的名稱,可以是宋體、隸書、楷體等;

size屬性用于設置字號的大小(單位:字號),從 1 到 7 的數字,或h1-h6。瀏覽器默認值是3。

color用于設置字體的顏色

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

手冊上沒有

<ruby></ruby>和<rt></rt> 設置文字標注標記

實例:

<ruby>當代最可愛的人<rt>志愿軍</rt></ruby>

好，我是PPT模板專家——小皮老師。

我已經在頭條累計分享——超過1500套漂亮的PPT模板，有需要PPT模板，找我就對了！

私信回復：下載。點擊我的頭像，即可看到“私信”的按鈕。

前面幾期，我們分享了針對PPT新手的幾篇文章。

PPT新手掌握這5個技巧！做PPT簡直有如神助，附工具下載

PPT新手最常見3大錯誤！現在看還能挽救一下

PPT新手常犯這7個錯誤，你有嗎？附對比圖

還沒看過的小伙伴們可以點擊鏈接查看！

那么，今天小皮老師跟大家分享的是中國風字體。

你看，近些年來，越來越多國潮崛起了！比如說故宮和百雀羚等等。

故宮潮品

百雀羚廣告

中國風的設計也越來越受到關注！將中國風字體運用到設計當中，不僅可以增加設計的文化韻味，還可以提現出咱們民族的設計性。

今天，小皮老師就給大家推薦一波非常好看的中國風字體，從上百款中國風字體里面挑選出來的，真的太美了。

希望大家能夠喜歡，記得點贊關注評論一波哦~感謝大家！

話不多說，開始介紹：

第1款：漢儀秦川飛影W

一款帶有古典氣息的漢儀字體，外形和手書體有點像，線條張揚肆意，富有動勢

第2款：方正清刻本悅宋

這是方正字體庫的經典簡體字體，這款字體字形非常美觀,字體端正

第3款：王羲之書法字體

大書法家王羲之的一款中文字體，王羲之的字非常好看，具有筆力雄勁，入木三分的特點

第4款：蘇新詩柳楷簡

一款非常好用的方正字體，字體棱角分明，非常的霸氣和美觀，外加上楷體，看著非常的舒服

第5款：魚石行書

是一款很有個性的中文字體,字體輸寫高低不一,很有設計感

第6款：日文毛筆

一款非常漂亮的毛筆書法字體，這款字體極具力量卻不失美感的字體形式

第7款：潮字社凌渡鯤鵬字體

一款非常獨特的字體，第一眼看上去就非常的大氣美觀，筆畫看上去非常的連貫流暢

第8款：康熙字典書寫體

字體筆鋒犀利，熱情奔放，非常好看。

第9款：騰祥伯當行楷簡

融合了楷體、行書的新型字體，字形十分優美，筆鋒細膩

第10款：蘇新詩爨寶子簡

一款出自蘇新詩之手的碑帖字體

10款最美中國風字體，更新完畢！喜歡嗎？

希望越來越多的朋友，都能夠關注中文字體的設計！咱們一起為為中國文化的全新探索一起努力！

再次感謝這些優秀的字體設計師和字體設計公司

注：字體如果要商用，請購買版權哦。

OK，以上就是今天我們分享的內容了！

私信回復關鍵詞：字體！即可獲得上面10款字體的打包下載的地址。

覺得有點收獲的話，可以幫小皮老師，點贊，評論轉發一下！

歡迎大家留言評論。

（此處已添加圈子卡片，請到客戶端查看）

在線咨詢

上一篇：html撥打電話和發送短信功能的實現方法
下一篇：JavaScript 代碼邏輯判斷的優化

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商