css中font-family的中文字型css中font-family的中文字型

來源:互聯網
上載者:User
css中font-family的中文字型 

說到css中的font-family,相信很多朋友經常用,但不知道當你遇到引用中文字型的時候你會怎麼寫?
最近特別關注了下,發現最常用的基本有三種類型:

  1. 1、直接中文;
  2. 2、英文形式;
  3. 3、unicode碼;

前面兩種形式很好理解,unicode碼是什麼意思呢?下面看基本定義:

Unicode(統一碼、萬國碼、單一碼)是一種在電腦上使用的字元編碼。它為每種語言中的每個字元設定了統一併且唯一的二進位編碼,以滿足跨語言、跨平台進行文本轉換、處理的要求。

更多內容請查看百度百科對Unicode的介紹。
介紹完方案,再談下使用。之前在看玉伯寫的一篇文章《中文字型在 CSS 中的寫法》 中提到:font-family中用到的宋體,“用 unicode 表示,不用 SimSun, 是因為 Firefox 的某些版本和 Opera 不支援 SimSun 的寫法”。我在網上搜尋了下相關內容,大多都是摘抄這篇文章,並沒有提到具體哪個版本的Firefox和Opera會不支援英文的寫法。

對比下,三種方法各有優缺點:中文形式的方便記憶,但在不支援中文的系統或者編碼的頁面則無法正常顯示;英文形式的相容了系統和編碼的問題,但不方便記憶,又可能有潛在的風險;unicode碼相容行最好,但也存在記憶難的問題。

綜合權衡下,在效能和安全第一的條件下,還是推薦使用unicode碼。如果不是太嚴格的情況下,可以選擇其他兩種。

下面整理下常用的各種字型的不同顯示形式,方便使用的時候尋找:

中文名 英文名 Unicode
Windows
* 宋體 SimSun \5B8B\4F53
* 黑體 SimHei \9ED1\4F53
* 微軟雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
微軟正黑體 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53
新宋體 NSimSun \65B0\5B8B\4F53
新細明體 PMingLiU \65B0\7EC6\660E\4F53
細明體 MingLiU \7EC6\660E\4F53
標楷體 DFKai-SB \6807\6977\4F53
仿宋 FangSong \4EFF\5B8B
楷體 KaiTi \6977\4F53
仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312
楷體_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
Mac OS
* 華文細黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1
* 華文黑體 STHeiti \534E\6587\9ED1\4F53
華文楷體 STKaiti \534E\6587\6977\4F53
華文宋體 STSong \534E\6587\5B8B\4F53
華文仿宋 STFangsong \534E\6587\4EFF\5B8B
麗黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro
麗宋 Pro LiSong Pro Light \4E3D\5B8B Pro
標楷體 BiauKai \6807\6977\4F53
蘋果麗中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1
蘋果麗細宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B

上表中標*為常用字型

說到css中的font-family,相信很多朋友經常用,但不知道當你遇到引用中文字型的時候你會怎麼寫?
最近特別關注了下,發現最常用的基本有三種類型:

  1. 1、直接中文;
  2. 2、英文形式;
  3. 3、unicode碼;

前面兩種形式很好理解,unicode碼是什麼意思呢?下面看基本定義:

Unicode(統一碼、萬國碼、單一碼)是一種在電腦上使用的字元編碼。它為每種語言中的每個字元設定了統一併且唯一的二進位編碼,以滿足跨語言、跨平台進行文本轉換、處理的要求。

更多內容請查看百度百科對Unicode的介紹。
介紹完方案,再談下使用。之前在看玉伯寫的一篇文章《中文字型在 CSS 中的寫法》 中提到:font-family中用到的宋體,“用 unicode 表示,不用 SimSun, 是因為 Firefox 的某些版本和 Opera 不支援 SimSun 的寫法”。我在網上搜尋了下相關內容,大多都是摘抄這篇文章,並沒有提到具體哪個版本的Firefox和Opera會不支援英文的寫法。

對比下,三種方法各有優缺點:中文形式的方便記憶,但在不支援中文的系統或者編碼的頁面則無法正常顯示;英文形式的相容了系統和編碼的問題,但不方便記憶,又可能有潛在的風險;unicode碼相容行最好,但也存在記憶難的問題。

綜合權衡下,在效能和安全第一的條件下,還是推薦使用unicode碼。如果不是太嚴格的情況下,可以選擇其他兩種。

下面整理下常用的各種字型的不同顯示形式,方便使用的時候尋找:

中文名 英文名 Unicode
Windows
* 宋體 SimSun \5B8B\4F53
* 黑體 SimHei \9ED1\4F53
* 微軟雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1
微軟正黑體 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53
新宋體 NSimSun \65B0\5B8B\4F53
新細明體 PMingLiU \65B0\7EC6\660E\4F53
細明體 MingLiU \7EC6\660E\4F53
標楷體 DFKai-SB \6807\6977\4F53
仿宋 FangSong \4EFF\5B8B
楷體 KaiTi \6977\4F53
仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312
楷體_GB2312 KaiTi_GB2312 \6977\4F53_GB2312
Mac OS
* 華文細黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1
* 華文黑體 STHeiti \534E\6587\9ED1\4F53
華文楷體 STKaiti \534E\6587\6977\4F53
華文宋體 STSong \534E\6587\5B8B\4F53
華文仿宋 STFangsong \534E\6587\4EFF\5B8B
麗黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro
麗宋 Pro LiSong Pro Light \4E3D\5B8B Pro
標楷體 BiauKai \6807\6977\4F53
蘋果麗中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1
蘋果麗細宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B

上表中標*為常用字型

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.