CSS中文字体对照表

最新推荐文章于 2015-08-25 16:41:23 发布
最新推荐文章于 2015-08-25 16:41:23 发布
阅读量757 收藏
点赞数
分类专栏： css+html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhxh0376/article/details/8992294
版权

<p>css字体名可以使用2种Unicode格式，以“微软雅黑”为例: <code>&amp;#x5FAE;&amp;#x8F6F;&amp;#x96C5;&amp;#x9ED1;</code> 和 <code>\5FAE\8F6F\96C5\9ED1</code>，如果未找到需要的字体名称，可以到<a href="http://www.rocklv.net/free/free_goodys_unicode.php">这里</a>把简体中文转换为Unicode编码。</p>
<p>另外注意：繁体中文字体名，在简体中文系统中是不能被识别的。</p>

<table><thead>
<tr><th>中文名</th><th>英文名</th><th>Unicode</th><th>Unicode 2</th></tr>
<tr><th colspan="4">Mac OS</th></tr>
</thead><tbody>
<tr style="font-family:\534E\6587\7EC6\9ED1;">
    <td>华文细黑</td><td>STHeiti Light [STXihei]</td>
    <td>\534E\6587\7EC6\9ED1</td><td>&amp;#x534E;&amp;#x6587;&amp;#x7EC6;&amp;#x9ED1;</td></tr>
<tr style="font-family:\534E\6587\9ED1\4F53;">
    <td>华文黑体</td><td>STHeiti</td>
    <td>\534E\6587\9ED1\4F53</td><td>&amp;#x534E;&amp;#x6587;&amp;#x9ED1;&amp;#x4F53;</td></tr>
<tr style="font-family:\534E\6587\6977\4F53;">
    <td>华文楷体</td><td>STKaiti</td>
    <td>\534E\6587\6977\4F53</td><td>&amp;#x534E;&amp;#x6587;&amp;#x6977;&amp;#x4F53;</td></tr>
<tr style="font-family:\534E\6587\5B8B\4F53;">
    <td>华文宋体</td><td>STSong</td>
    <td>\534E\6587\5B8B\4F53</td><td>&amp;#x534E;&amp;#x6587;&amp;#x5B8B;&amp;#x4F53;</td></tr>
<tr style="font-family:\534E\6587\4EFF\5B8B;">
    <td>华文仿宋</td><td>STFangsong</td>
    <td>\534E\6587\4EFF\5B8B</td><td>&amp;#x534E;&amp;#x6587;&amp;#x4EFF;&amp;#x5B8B;</td></tr>
<tr style="font-family:\4E3D\9ED1 Pro;">
    <td>丽黑 Pro</td><td>LiHei Pro Medium</td>
    <td>\4E3D\9ED1 Pro</td><td>&amp;#x4E3D;&amp;#x9ED1; Pro</td></tr>
<tr style="font-family:\4E3D\5B8B Pro;">
    <td>丽宋 Pro</td><td>LiSong Pro Light</td>
    <td>\4E3D\5B8B Pro</td><td>&amp;#x4E3D;&amp;#x5B8B; Pro</td></tr>
<tr style="font-family:\6807\6977\4F53;">
    <td>标楷体</td><td>BiauKai</td>
    <td>\6807\6977\4F53</td><td>&amp;#x6807;&amp;#x6977;&amp;#x4F53;</td></tr>
<tr style="font-family:\82F9\679C\4E3D\4E2D\9ED1;">
    <td>苹果丽中黑</td><td>Apple LiGothic Medium</td>
    <td>\82F9\679C\4E3D\4E2D\9ED1</td><td>&amp;#x82F9;&amp;#x679C;&amp;#x4E3D;&amp;#x4E2D;&amp;#x9ED1;</td></tr>
<tr style="font-family:;">
    <td>苹果丽细宋</td><td>Apple LiSung Light</td>
    <td>\82F9\679C\4E3D\7EC6\5B8B</td><td>&amp;#x82F9;&amp;#x679C;&amp;#x4E3D;&amp;#x7EC6;&amp;#x5B8B;</td></tr>
</tbody>
<thead><tr><th colspan="4">Windows</th></tr></thead>
<tbody>
<tr style="font-family:\65B0\7EC6\660E\4F53;">
    <td>新细明体</td><td>PMingLiU</td>
    <td>\65B0\7EC6\660E\4F53</td><td>&amp;#x65B0;&amp;#x7EC6;&amp;#x660E;&amp;#x4F53;</td></tr>
<tr style="font-family:\7EC6\660E\4F53;">
    <td>细明体</td><td>MingLiU</td>
    <td>\7EC6\660E\4F53</td><td>&amp;#x7EC6;&amp;#x660E;&amp;#x4F53;</td></tr>
<tr style="font-family:\6807\6977\4F53;">
    <td>标楷体</td><td>DFKai-SB</td>
    <td>\6807\6977\4F53</td><td>&amp;#x6807;&amp;#x6977;&amp;#x4F53;</td></tr>
<tr style="font-family:\9ED1\4F53;">
    <td>黑体</td><td>SimHei</td>
    <td>\9ED1\4F53</td><td>&amp;#x9ED1;&amp;#x4F53;</td></tr>
<tr style="font-family:\5b8b\4f53;">
    <td>宋体</td><td>SimSun</td>
    <td>\5B8B\4F53</td><td>&amp;#x5B8B;&amp;#x4F53;</td></tr>
<tr style="font-family:\65B0\5B8B\4F53;">
    <td>新宋体</td><td>NSimSun</td>
    <td>\65B0\5B8B\4F53</td><td>&amp;#x65B0;&amp;#x5B8B;&amp;#x4F53;</td></tr>
<tr style="font-family:\4EFF\5B8B;">
    <td>仿宋</td><td>FangSong</td>
    <td>\4EFF\5B8B</td><td>&amp;#x4EFF;&amp;#x5B8B;</td></tr>
<tr style="font-family:\6977\4F53;">
    <td>楷体</td><td>KaiTi</td>
    <td>\6977\4F53</td><td>&amp;#x6977;&amp;#x4F53;</td></tr>
<tr style="font-family:\4EFF\5B8B_GB2312;">
    <td>仿宋_GB2312</td><td>FangSong_GB2312</td>
    <td>\4EFF\5B8B_GB2312</td><td>&amp;#x4EFF;&amp;#x5B8B;_GB2312</td></tr>
<tr style="font-family:\6977\4F53_GB2312;">
    <td>楷体_GB2312</td><td>KaiTi_GB2312</td>
    <td>\6977\4F53_GB2312</td><td>&amp;#x6977;&amp;#x4F53;_GB2312</td></tr>
<tr style="font-family:\5FAE\x8F6F\6B63\9ED1\4F53;">
    <td>微软正黑体</td><td>Microsoft JhengHei</td>
    <td>\5FAE\x8F6F\6B63\9ED1\4F53</td><td>&amp;#x5FAE;&amp;#x8F6F;&amp;#x6B63;&amp;#x9ED1;&amp;#x4F53;</td></tr>
<tr style="font-family:\5FAE\8F6F\96C5\9ED1;">
    <td>微软雅黑</td><td>Microsoft YaHei</td>
    <td>\5FAE\8F6F\96C5\9ED1</td><td>&amp;#x5FAE;&amp;#x8F6F;&amp;#x96C5;&amp;#x9ED1;</td></tr>
</tbody>
<thead><tr><th colspan="4">Office</th></tr></thead>
<tbody>
<tr style="font-family:\96B6\4E66;">
    <td>隶书</td><td>LiSu</td>
    <td>\96B6\4E66</td><td>&amp;#x96B6;&amp;#x4E66;</td></tr>
<tr style="font-family:\5E7C\5706;">
    <td>幼圆</td><td>YouYuan</td>
    <td>\5E7C\5706</td><td>&amp;#x5E7C;&amp;#x5706;</td></tr>
<tr style="font-family:\534E\6587\7EC6\9ED1;">
    <td>华文细黑</td><td>STXihei</td>
    <td>\534E\6587\7EC6\9ED1</td><td>&amp;#x534E;&amp;#x6587;&amp;#x7EC6;&amp;#x9ED1;</td></tr>
<tr style="font-family:\534E\6587\6977\4F53;">
    <td>华文楷体</td><td>STKaiti</td>
    <td>\534E\6587\6977\4F53</td><td>&amp;#x534E;&amp;#x6587;&amp;#x6977;&amp;#x4F53;</td></tr>
<tr style="font-family:\534E\6587\5B8B\4F53;">
    <td>华文宋体</td><td>STSong</td>
    <td>\534E\6587\5B8B\4F53</td><td>&amp;#x534E;&amp;#x6587;&amp;#x5B8B;&amp;#x4F53;</td></tr>
<tr style="font-family:\534E\6587\4E2D\5B8B;">
    <td>华文中宋</td><td>STZhongsong</td>
    <td>\534E\6587\4E2D\5B8B</td><td>&amp;#x534E;&amp;#x6587;&amp;#x4E2D;&amp;#x5B8B;</td></tr>
<tr style="font-family:\534E\6587\4EFF\5B8B;">
    <td>华文仿宋</td><td>STFangsong</td>
    <td>\534E\6587\4EFF\5B8B</td><td>&amp;#x534E;&amp;#x6587;&amp;#x4EFF;&amp;#x5B8B;</td></tr>
<tr style="font-family:\65B9\6B63\8212\4F53;">
    <td>方正舒体</td><td>FZShuTi</td>
    <td>\65B9\6B63\8212\4F53</td><td>&amp;#x65B9;&amp;#x6B63;&amp;#x8212;&amp;#x4F53;</td></tr>
<tr style="font-family:\65B9\6B63\59DA\4F53;">
    <td>方正姚体</td><td>FZYaoti</td>
    <td>\65B9\6B63\59DA\4F53</td><td>&amp;#x65B9;&amp;#x6B63;&amp;#x59DA;&amp;#x4F53;</td></tr>
<tr style="font-family:\534E\6587\5F69\4E91;">
    <td>华文彩云</td><td>STCaiyun</td>
    <td>\534E\6587\5F69\4E91</td><td>&amp;#x534E;&amp;#x6587;&amp;#x5F69;&amp;#x4E91;</td></tr>
<tr style="font-family:\534E\6587\7425\73C0;">
    <td>华文琥珀</td><td>STHupo</td>
    <td>\534E\6587\7425\73C0</td><td>&amp;#x534E;&amp;#x6587;&amp;#x7425;&amp;#x73C0;</td></tr>
<tr style="font-family:\534E\6587\96B6\4E66;">
    <td>华文隶书</td><td>STLiti</td>
    <td>\534E\6587\96B6\4E66</td><td>&amp;#x534E;&amp;#x6587;&amp;#x96B6;&amp;#x4E66;</td></tr>
<tr style="font-family:\534E\6587\884C\6977;">
    <td>华文行楷</td><td>STXingkai</td>
    <td>\534E\6587\884C\6977</td><td>&amp;#x534E;&amp;#x6587;&amp;#x884C;&amp;#x6977;</td></tr>
<tr style="font-family:\534E\6587\65B0\9B4F;">
    <td>华文新魏</td><td>STXinwei</td>
    <td>\534E\6587\65B0\9B4F</td><td>&amp;#x534E;&amp;#x6587;&amp;#x65B0;&amp;#x9B4F;</td></tr>
</tbody>
</table>

<p><a href="http://blog.xianyun.org/2009/08/13/css-names-with-cn-en-unicide.html">css字体中文、英文、Unicode名对照表</a></p>

web前端执行者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS中文字体名称对照表
11-12
CSS中文字体名称对照表
CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表
09-25
在CSS文件中，我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英文名称,需要的朋友可以注意下
css设置各种中文字体，雅黑，黑体，宋体，楷体等等
lishangua的专栏
05-08 1万+
.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }   说明： 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei为微软正黑体，STHeiti为华文黑体，MingLiu记得11px下的中文有着不凡的效果。 在css中推荐使用中文字
js控制CSS样式属性语法对照表
10-27
为了方便开发者能够快速掌握如何用JavaScript来控制CSS样式，以下是一份详细的JS控制CSS样式属性语法对照表。 在开始之前，我们先以一个实例来说明如何使用JavaScript关闭页面中的某个元素，比如一个漂浮的广告。...
css规则英汉对照表
05-26
css规则英汉对照表 css规则是css语言的基本组成部分，它们定义了网页的样式和布局。以下是css规则的英汉对照表： 一、字体样式 * font-family：字体 * font-size：字体大小 * font-weight：字体浓淡 * font-style...
CSS-JS对照表
12-25
在网页设计和开发中，CSS (层叠样式表) 和 JavaScript 是两个至关重要的技术。CSS 负责页面的布局和样式，而 JavaScript 则用于交互性和动态效果。本篇文章将详细对比 CSS 和 JavaScript 中的一些常见标签和属性，...
JavaScript CSS Style属性对照表
09-25
CSS 描述了元素应该如何在屏幕上显示，包括颜色、布局、字体等。在JavaScript中，我们可以直接通过元素的 `style` 属性来访问和修改这些样式。 例如，标题中提到的例子，当鼠标悬停在图片上时添加边框，可以使用...
TD字体解决方案，解决TD字体显示问题
11-10
解决TD字体显示问题，通常TD字体显示很小，对大家的造成不便，TD字体解决方案可以轻松解决上述问题。
TD字体如何设置变大
02-13
TD字体如何设置变大 一直看td的字体，太小了，觉得别扭，今天有空就解决了一下，具体方法很简单：
CSS和JS对照表
01-07
### CSS与JS对照表知识点详解 #### 一、盒子模型标签和属性对照 在Web开发中，理解CSS盒模型对于布局至关重要。盒模型由多个部分组成：边框(`border`)、填充(`padding`)、边界(`margin`)以及清除(`clear`)等。 **...
css颜色对照表
11-02
### CSS颜色对照表详解 #### 一、引言 在Web开发中，色彩的应用对于网站的整体视觉效果至关重要。CSS（层叠样式表）为开发者提供了丰富的颜色定义方式，包括十六进制颜色值、RGB/RGBA颜色值、HSL/HSLA颜色值以及...
DW-CS5-CSS规则英汉对照表.pdf
10-04
本篇内容将详细解析“DW-CS5-CSS规则英汉对照表”中的关键概念。 一、字体与文本样式 1. `Font-family`: 指定元素的字体，可以是一系列字体名称，以备浏览器按顺序选择可用的字体。 2. `Font-size`: 设置字体大小，...
Css font-family字体对照表
热门推荐
wuhulala的休息室
08-25 3万+
Css font-family字体对照表 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU
【css】css 中文字体 unicode 对照表
dengrongshou5105的博客
08-02 121
css 中文字体可以用 unicode 格式来表示，比如“宋体”可以用\5B8B\4F53 来表示。具体参考下表： 中文名英文名unicode 宋体 SimSun \5B8B\4F53 黑体 SimHei \9ED1\4F53 新宋体 NSimSun \65B0\5B8B\4F53 楷体 KaiTi \6977\4F53 ...
CSS与JavaScript标签style属性详解对照表
本文档是一份详细的CSS和JavaScript标签style属性对照表，对于前端开发人员来说是极其宝贵的参考资料。这份表格列出了两者的相关语法，帮助开发者在编写样式时更好地理解和转换两者之间的差异。 在CSS部分，所有列...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值