zoukankan      html  css  js  c++  java
  • 字体Unicode编码

    客专家福利     有奖试读&征文——我们在互联网上奋斗的故事      10月推荐文章汇总      加入“技术热心人”,赢丰厚奖品     

    html-中文字体在CSS中的显示(Unicode编码)

    分类: HTML

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

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

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


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

    如果在你“DIV+CSS”的过程中,还需要用到一些表中没有的字体的话,可以借助Firefox的插件Firebug来查询所需中文字体对应的 Unicode编码,方法很简单,就是打开Firefox,然后打开Firebug,在“控制台”里底部“>>>”的后面像这样输入

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


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

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


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

    宋体                   SimSun     5B8B4F53
    黑体                   SimHei     9ED14F53
    微软雅黑            Microsoft YaHei     5FAE8F6F96C59ED1
    微软正黑体         Microsoft JhengHei     5FAEx8F6F6B639ED14F53
    新宋体                NSimSun     65B05B8B4F53
    新细明体            PMingLiU     65B07EC6660E4F53
    细明体                MingLiU     7EC6660E4F53
    标楷体                DFKai-SB     680769774F53
    仿宋                    FangSong     4EFF5B8B
    楷体                    KaiTi     69774F53
    仿宋_GB2312     FangSong_GB2312     4EFF5B8B_GB2312
    楷体_GB2312     KaiTi_GB2312     69774F53_GB2312
    华文细黑             STHeiti Light [STXihei]     534E65877EC69ED1
    华文黑体             STHeiti     534E65879ED14F53
    华文楷体             STKaiti     534E658769774F53
    华文宋体             STSong     534E65875B8B4F53
    华文仿宋             STFangsong     534E65874EFF5B8B
    丽黑 Pro             LiHei Pro Medium     4E3D9ED1 Pro
    丽宋 Pro             LiSong Pro Light     4E3D5B8B Pro
    标楷体                BiauKai     680769774F53
    苹果丽中黑         Apple LiGothic Medium     82F9679C4E3D4E2D9ED1
    苹果丽细宋         Apple LiSung Light     82F9679C4E3D7EC65B8B

  • 相关阅读:
    《软件需求分析》阅读笔记
    03软件需求阅读笔记之一
    02软件需求阅读笔记之一
    01软件需求阅读笔记之一
    评价一下大家手头正在使用输入法或者搜索类的软件产品。
    05构建之法阅读笔记之一
    06构建之法阅读笔记之一
    03构建之法阅读笔记之一
    【秋招必备】Java中间件面试题(2021最新版)
    快手3面:说说傅里叶变换、拉普拉斯变换为什么要变换,它们之间的联系是什么!
  • 原文地址:https://www.cnblogs.com/ChengDong/p/4107648.html
Copyright © 2011-2022 走看看