关于几个常见的css字体设定问题

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

字体:字体大小/字体行高 字体格式

在CSS中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:’宋体’。但因此产生的一个问题是,如果CSS编码有误,会导致页面加载后CSS中的中文字体乱码

直接使用中文字体,有时候在ie6下会出现样式丢失问题。

而使用英文代替中文如:“font-family:SimSun”也不推荐,Firefox的部分版本与Opera在处理SimSun时会有问题。

所以推荐使用中文字体的Unicode编码。 那怎么解决这个乱码问题呢,由于CSS文件基本都是UTF-8的编码模式,所以我们可以把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如中文字体“宋体”经过Unicode编码后为“\5b8b\4f53″,在CSS中就可以这样写:font-family:’ \5b8b\4f53’; 如果在你“DIV+CSS”的过程中,还需要用到一些表中没有的字体的话,可以借助Firefox的插件Firebug来查询所需中文字体对应的Unicode编码,方法很简单,就是打开Firefox,然后打开Firebug,在“控制台”里底部“>>>”的后面像这样输入

escape(‘黑体‘);
escape(‘黑体‘);
escape(‘黑体‘);
escape(‘黑体‘);
escape(‘黑体‘);

escape(‘微软雅黑‘);,然后会显示一个信息,%u5FAE%u8F6F%u96C5%u9ED1这个就是中文字体“微软雅黑”对应的Unicode编码“\5FAE\8F6F\96C5\9ED1”,注意把%u改成\,否则可能会出错。

巧用Firebug查询中文字体的Unicode编码(Firefox 14.0.1,Firebug 1.10.1)

另外,在设置字体时候最好把英文字体写在前面,不然可能网页里所有的英文字体和数字都变成“宋体”或者别的字体去了,那样看起来比较不美观。例如:font-family:’ \5FAE\8F6F\96C5\9ED1’,Arial;最好像这样写:font-family:’\5FAE\8F6F\96C5\9ED1’,Arial;

为了方便需要的朋友快速使用,下表中列出了一些常用中文字体的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     \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

原帖:http://blog.csdn.net/liujiajie1990/article/details/7822663

google字体对照:http://hotoo.googlecode.com/svn/trunk/labs/css/css-fonts.html

时间: 2024-08-10 19:07:06

关于几个常见的css字体设定问题的相关文章

css 字体样式设置

css字体样式(Font Style),属性 时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者必需了解的知识.以下是我精心整理的css字体样式属性知识,供大家学习参考: css文本样式 序号 中文说明 标记语法 1 字体样式 {font:font-style font-variant

css字体样式(Font Style),属性

css字体样式(Font Style),属性 css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者必需了解的知识.以下是我精心整理的css字体样式属性知识,供大家学习参考: css文本样式 序号 中文说明 标记语法 1 字体样式 {font:font-style font-variant font-weight font-size font-family} 2 字体类型 {font-family:"

CSS字体属性

CSS字体: 属性 描述 font 简写属性,把所有针对字体的属性设置在一个声明中. font-family 设置字体系列. font-size 设置字体的尺寸. font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放. (CSS2.1 已删除该属性.) font-stretch 对字体进行水平拉伸.(CSS2.1 已删除该属性.) font-style 设置字体风格. font-variant 以小型大写字体或者正常字体显示文本. font-weight 设置字体的粗细.

前端首选微软雅黑字体设定

首先可以用 { font-family: 微软雅黑: } 如果这样不行还可以用: { font-family: "Microsoft YaHei" ! important; } 使用中最好不用中文,中文的话,英文系统就显示不了了.(前提是英文系统也有这个字体) CSS中设置的字体 考虑到兼容性,我们总会在CSS中队字体进行一些设置,这类设置往往设置在body标签上,无论是人人网,腾讯网,淘宝网,开心,新浪,网易等都是如此.以下为各个大型网站的body的字体设置: 人人网: body{f

CSS字体

CSS字体 导航1.字体类型2.字体大小3.字体样式4.字体粗细 1.字体系列 font-family 属性设置文本的字体系列. font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体. 注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体". 多个字体系列是用一个逗号分隔指明:实例p{font-family:"Times New Roman", Tim

CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性.在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小.这四个单位哪一种最适合Web? 这个问题引起了广泛的争论.找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答. 接触这些单位 1.  “Ems”(em):“em”是一个可伸缩的单位, 用于web文档媒体展示.一个em等于当前的字体大小,例如,如果文档的字体大小是12 pt,1 em等于12 pt.Ems在本质上是可伸缩的,所以2 em相当于

CSS字体中英文名称对照表(转)

在css文件中,我们常看到有些字体名称变成了乱码,这是由于网页开发者将中文字体的名字直接写成了中文,而css文件本身没有声明字符编码方式,查看时就出现了乱码.为了避免这种乱码状况出现,可以将css文件存为UTF-8 编码,在css文件开头添加以下语句:@charset "utf-8".或者在设置css字体属性值时直接使用中文字体的英文名称. 常用中文字体的英文名称对照表如下: 中文名 英文名 Unicode Unicode 2 Mac OS 华文细黑 STHeiti Light [ST

css字体颜色动画

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style> .site__title { color: #f356

常用css字体英文写法

font-family: 'Microsoft Yahei',sans-serif; 宋体:SimSun 黑体:SimHei 常用css字体英文写法