我们的观点

网页上使用11px的清晰中文字体

发布时间 | 2014/2/26  点击 | 

上传时间:2013-7-5  点击数: 23  来自:上海网站建设

在Photoshop中要想得到清晰的中文字体就需要关闭抗锯齿功能,但是这样当字体小于12px的时候,

系统默认的宋体就会变得一团糟,而黑体或者其他的外挂字体也都纷纷变得很难看。

Windows2000以后系统都安装有一种称为“明体”的字体,可在系统盘查找到位于字体目录下的“MingLiu.ttc”文件。

如果没有,则去控制面板的区域选项,启用繁体中文支持或用IE随便打开一个网页,然后手动切换编码为繁体BIG5,

系统就会自动安装。这个字体可以在11px的时候仍然保持清晰!

如果将Windows(2000版本以上)转为BIG5内核(控制面板中的区域和输入法),

那么系统的界面文字就是明体(显示为“细明体”)。

如果在简体内核下这个字体的名称是不会以中文显示的,而是以“MingLiu”和“PMingLiu”的名称出现,

也正是这个原因很多人把它当作了英文字体。

由于明体是系统自带的,这就意味着也可以用它来制作网页上的文字!

当然,访问者必须是Windows2000或以上的系统并且要支持繁体中文后才可以正确浏览。

常见中文字体在CSS中的Unicode编码(宋体:\5B8B\4F53)

在CSS里像这样设置某对象的字体:font-family:1.5em/1.75,’黑体’,Arial; 结果有些时候不起作用,用Firebug来查看才发现浏览器解释这个代码的时候,出现乱码了,所以不起作用。

那怎么解决这个乱码问题呢,由于CSS文件基本都是UTF-8的编码模式,所以我们可以把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如中文字体“宋体”经过Unicode编码后为“\5b8b\4f53″,在CSS中就可以这样写:font-family:’ \5b8b\4f53’;

为了方便需要的朋友快速使用,下表中列出了一些常用中文字体的Unicode编码:

明体 font-family:\65b0\7d30\660e\9ad4;

新细明体 PMingLiU\65B0\7EC6\660E\4F53

细明体 MingLiU\7EC6\660E\4F53

标楷体 DFKai-SB\6807\6977\4F53

黑体 SimHei\9ED1\4F53

宋体 SimSun\5B8B\4F53

新宋体 NSimSun\65B0\5B8B\4F53

仿宋 FangSong\4EFF\5B8B

楷体 KaiTi\6977\4F53

仿宋_GB2312 FangSong_GB2312\4EFF\5B8B_GB2312

楷体_GB2312 KaiTi_GB2312\6977\4F53_GB2312

微软正黑体 Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53

微软雅黑 Microsoft YaHei\5FAE\8F6F\96C5\9ED1
 

如果在你“DIV+CSS”的过程中,还需要用到一些表中没有的字体的话,可以借助Firefox的插件Firebug来查询所需中文字体对应的 Unicode编码,方法很简单,就是打开Firefox,然后打开Firebug,在“控制台”里底部“>>>”的后面像这样输入 “escape(‘黑体’)”,然后会显示一个错误信息,*** is not defined 前面的部分就是中文字体“黑体”对应的Unicode编码“\9ED1\4F53”,注意命令符里的符号都是英文符号,否则可能会出错。

相关信息