有关几个普遍的css字体样式设置难题讨论

日期:2021-03-09 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

font:12px/1.5 arial,\5b8b\4f53,sans-serif 甚么意思

字体样式:字体样式尺寸/字体样式行高 字体样式文件格式

在CSS中应用汉语字体样式一般立即设定字体样式名字,例如设定字体样式为宋体:font-family:’宋体’。但因而造成的1个难题是,假如CSS编号有误,会致使网页页面载入后CSS中的汉语字体样式错码

立即应用汉语字体样式,有时在ie6下会出現款式遗失难题。

而应用英文替代汉语如:“font-family:SimSun”也不强烈推荐,Firefox的一部分版本号与Opera在解决SimSun时会有难题。

因此强烈推荐应用汉语字体样式的Unicode编号。 那如何处理这个错码难题呢,因为CSS文档基础全是UTF⑻的编号方式,因此大家能够把汉语字体样式的名字用相应的Unicode编号来替代,这样便可以合理的防止访问器解释CSS编码情况下出現错码的难题。例如汉语字体样式“宋体”历经Unicode编号后为“\5b8b\4f53″,在CSS中便可以这样写:font-family:’ \5b8b\4f53’; 假如在你“DIV+CSS”的全过程中,还必须用到1些表格中沒有的字体样式的话,能够依靠Firefox的软件Firebug来查寻所需汉语字体样式对应的Unicode编号,方式很简易,便是开启Firefox,随后开启Firebug,在“操纵台”里底部“>>>”的后边像这样键入

escape('黑体');

escape('黑体');

escape('黑体');

escape('黑体');

escape('黑体');

escape('微软雅黑');,随后会显示信息1个信息内容,%u5FAE%u8F6F%u96C5%u9ED1这个便是汉语字体样式“微软雅黑”对应的Unicode编号“\5FAE\8F6F\96C5\9ED1”,留意把%u改为\,不然将会会错误。
http://my.csdn.net/uploads/201208/02/1343889041_2779.jpg
巧用Firebug查寻汉语字体样式的Unicode编号(Firefox 14.0.1,Firebug 1.10.1)

此外,在设定字体样式情况下最好是把英文本体写在前面,要不然将会网页页面里全部的英文本体和数据都变为“宋体”或其他字体样式去了,那样看起来较为不美观大方。比如:font-family:’ \5FAE\8F6F\96C5\9ED1’,Arial;最好是像这样写:font-family:’\5FAE\8F6F\96C5\9ED1’,Arial;

以便便捷必须的盆友迅速应用,下表格中列出了1些常见汉语字体样式的Unicode编号: 
宋体 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
华文细黑 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 \4E三d\9ED1 Pro
丽宋 Pro LiSong Pro Light \4E三d\5B8B Pro
标楷体 BiauKai \6807\6977\4F53
iPhone丽中黑 Apple LiGothic Medium \82F9\679C\4E三d\4E2D\9ED1
iPhone丽细宋 Apple LiSung Light \82F9\679C\4E三d\7EC6\5B8B

 
google字体样式对比:http://hotoo.googlecode.com/svn/trunk/labs/css/css-fonts.html
上一篇:H5营销推广型企业网站建设 返回下一篇:没有了