然一些常見中文字體,例如“宋體”,“微軟雅黑”等,直接使用中文名稱作為CSS font-family的屬性值也能生效,但我們一般都不使用中文名稱,而是使用英文名稱,主要是規(guī)避亂碼的風險。還有一些中文字體,直接使用中文名稱作為CSS font-family的屬性值是沒有效果的,如“思源黑體”, “蘭亭黑體”等,需要使用對應(yīng)的英文字體名稱才可以。
總而言之一句話,你要想使用中文字體,就必須要知道其對應(yīng)的英文名稱。
我在網(wǎng)上搜索相關(guān)資料的時候,發(fā)現(xiàn)幾乎唯一流傳一份中英文對應(yīng)數(shù)據(jù)是2010年某位同學(xué)整理的,現(xiàn)在已經(jīng)2017年了,所以其中不少內(nèi)容已經(jīng)過時了,如“仿宋_GB2312”、“楷體_GB2312” windows7及其以后版本都沒有了;同時有很多遺漏和缺失的地方,例如OS X新晉“蘋方”等字體。
所以,我特意花了一兩天的時間,對以往的數(shù)據(jù)進行了修正和補充,保證每一個字體都在不同系統(tǒng)下一個一個親自測試驗證,整理了一份更完善的中文字體英文名稱對應(yīng)關(guān)系一覽表,您可以狠狠地點擊這里:CSS font-family中文字體對應(yīng)的英文名稱一覽表demo
列表不僅僅是顯示了對應(yīng)關(guān)系,本身就是基于自身所表示的字體來渲染的,因此,某種意義上可以檢測你的電腦是否安裝了此字體,例如,“黑體”這一個表格行的CSS font-family全部都是使用的“黑體”,并且可以切換為瀏覽器默認字體來對照效果,如下截圖所示:
但是一種操作系統(tǒng),肯定是無法看全所有字體效果的,因此你也可以直接看下面的完整的截圖效果:
開源字體部分
新增部分版權(quán)字體,如方正系列字體和漢儀系列字體的中文和英文對應(yīng)關(guān)系圖。
體效果
<h1></h1> 標題字(最大)
<h6></h6> 標題字(最小)
<h1 align="center"></h1>
<strong></strong> 粗體字(突出強調(diào))
<b></b> 粗體字(bold:粗體)
<i></i> 斜體字(italic:斜體)
<u></u> 底線,文本添加下劃線:(underline:下劃線)
<strike></strike>或<s></s> 橫線,相當于加刪除線文本 <del></del> HTML5
等寬文字標簽:對于等寬文字設(shè)置多數(shù)情況用在英文文字顯示中
<tt></tt> 打字體,類似打字機或者等寬的文本效果。
<code></code> 等寬文字設(shè)置內(nèi)容(定義計算機代碼文本)
<samp></samp> 等寬文字設(shè)置內(nèi)容(定義樣本文本)
<kbd> 定義鍵盤文本。
<sup></sup> 文字上標字體標簽(super)
<sub></sub> 文字下標字體標簽(subscipt)
<address></address> 設(shè)置地址文字(可定義一個地址,比如電子郵件地址。您應(yīng)當使用它來定義地址、簽名或者文檔的作者身份。)
<font></font> 編輯網(wǎng)頁文字樣式
<font face="" size="" color=""></font>
face屬性可以用于設(shè)置文字的名稱,可以是宋體、隸書、楷體等;
size屬性用于設(shè)置字號的大小(單位:字號),從 1 到 7 的數(shù)字,或h1-h6。瀏覽器默認值是3。
color用于設(shè)置字體的顏色
<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> 設(shè)置文字標注標記
實例:
<ruby>當代最可愛的人<rt>志愿軍</rt></ruby>
好,我是PPT模板專家——小皮老師。
我已經(jīng)在頭條累計分享——超過1500套漂亮的PPT模板,有需要PPT模板,找我就對了!
私信回復(fù):下載。點擊我的頭像,即可看到“私信”的按鈕。
前面幾期,我們分享了針對PPT新手的幾篇文章。
PPT新手掌握這5個技巧!做PPT簡直有如神助,附工具下載
PPT新手最常見3大錯誤!現(xiàn)在看還能挽救一下
PPT新手常犯這7個錯誤,你有嗎?附對比圖
還沒看過的小伙伴們可以點擊鏈接查看!
那么,今天小皮老師跟大家分享的是中國風字體。
你看,近些年來,越來越多國潮崛起了!比如說故宮和百雀羚等等。
故宮潮品
百雀羚廣告
中國風的設(shè)計也越來越受到關(guān)注!將中國風字體運用到設(shè)計當中,不僅可以增加設(shè)計的文化韻味,還可以提現(xiàn)出咱們民族的設(shè)計性。
今天,小皮老師就給大家推薦一波非常好看的中國風字體,從上百款中國風字體里面挑選出來的,真的太美了。
希望大家能夠喜歡,記得點贊關(guān)注評論一波哦~感謝大家!
話不多說,開始介紹:
一款帶有古典氣息的漢儀字體,外形和手書體有點像,線條張揚肆意,富有動勢
這是方正字體庫的經(jīng)典簡體字體,這款字體字形非常美觀,字體端正
大書法家王羲之的一款中文字體,王羲之的字非常好看,具有筆力雄勁,入木三分的特點
一款非常好用的方正字體,字體棱角分明,非常的霸氣和美觀,外加上楷體,看著非常的舒服
是一款很有個性的中文字體,字體輸寫高低不一,很有設(shè)計感
一款非常漂亮的毛筆書法字體,這款字體極具力量卻不失美感的字體形式
一款非常獨特的字體,第一眼看上去就非常的大氣美觀,筆畫看上去非常的連貫流暢
字體筆鋒犀利,熱情奔放,非常好看。
融合了楷體、行書的新型字體,字形十分優(yōu)美,筆鋒細膩
一款出自蘇新詩之手的碑帖字體
10款最美中國風字體,更新完畢!喜歡嗎?
希望越來越多的朋友,都能夠關(guān)注中文字體的設(shè)計!咱們一起為為中國文化的全新探索一起努力!
再次感謝這些優(yōu)秀的字體設(shè)計師和字體設(shè)計公司
注:字體如果要商用,請購買版權(quán)哦。
OK,以上就是今天我們分享的內(nèi)容了!
私信回復(fù)關(guān)鍵詞:字體! 即可獲得上面10款字體的打包下載的地址。
覺得有點收獲的話,可以幫小皮老師,點贊,評論轉(zhuǎn)發(fā)一下!
歡迎大家留言評論。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。