font-family:simsun; font-size:14px">最常用的基本有三种类型:font-family:simsun; font-size:14px; line-height:21px">
font-family:simsun; font-size:14px"> 1、直接中文;
font-family:simsun; font-size:14px"> 2、英文形式;
font-family:simsun; font-size:14px"> 3、unicode码;
font-family:simsun; font-size:14px"> Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。
font-family:simsun; font-size:14px">
font-family:simsun; font-size:14px"> 介绍完方案,再谈下使用。之前在看玉伯写的一篇文章《中文字体在 CSS 中的写法》中提到:font-family中用到的宋体,“用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法”。我在网上搜索了下相关内容,大多都是摘抄这篇文章,并没有提到具体哪个版本的Firefox和Opera会不支持英文的写法。
font-family:simsun; font-size:14px"> 对比下,三种方法各有优缺点:中文形式的方便记忆,但在不支持中文的系统或者编码的页面则无法正常显示;英文形式的兼容了系统和编码的问题,但不方便记忆,又可能有潜在的风险;unicode码兼容行最好,但也存在记忆难的问题。
font-family:simsun; font-size:14px"> 综合权衡下,在性能和安全第一的条件下,还是推荐使用unicode码。如果不是太严格的情况下,可以选择其他两种。
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif">中文名 | font-family:Verdana,宋体,sans-serif">英文名 | font-family:Verdana,宋体,sans-serif">Unicode |
---|
font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">Windows
font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> * 宋体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> SimSun | font-family:Verdana,宋体,sans-serif; line-height:18px"> \5B8B\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> * 黑体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> SimHei | font-family:Verdana,宋体,sans-serif; line-height:18px"> \9ED1\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> * 微软雅黑 | font-family:Verdana,宋体,sans-serif; line-height:18px"> Microsoft YaHei | font-family:Verdana,宋体,sans-serif; line-height:18px"> \5FAE\8F6F\96C5\9ED1 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 微软正黑体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> Microsoft JhengHei | font-family:Verdana,宋体,sans-serif; line-height:18px"> \5FAE\x8F6F\6B63\9ED1\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 新宋体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> NSimSun | font-family:Verdana,宋体,sans-serif; line-height:18px"> \65B0\5B8B\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 新细明体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> PMingLiU | font-family:Verdana,宋体,sans-serif; line-height:18px"> \65B0\7EC6\660E\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 细明体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> MingLiU | font-family:Verdana,宋体,sans-serif; line-height:18px"> \7EC6\660E\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 标楷体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> DFKai-SB | font-family:Verdana,宋体,sans-serif; line-height:18px"> \6807\6977\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 仿宋 | font-family:Verdana,宋体,sans-serif; line-height:18px"> FangSong | font-family:Verdana,宋体,sans-serif; line-height:18px"> \4EFF\5B8B |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 楷体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> KaiTi | font-family:Verdana,宋体,sans-serif; line-height:18px"> \6977\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 仿宋_GB2312 | font-family:Verdana,宋体,sans-serif; line-height:18px"> FangSong_GB2312 | font-family:Verdana,宋体,sans-serif; line-height:18px"> \4EFF\5B8B_GB2312 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 楷体_GB2312 | font-family:Verdana,宋体,sans-serif; line-height:18px"> KaiTi_GB2312 | font-family:Verdana,宋体,sans-serif; line-height:18px"> \6977\4F53_GB2312 |
font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">Mac OS
font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> * 华文细黑 | font-family:Verdana,宋体,sans-serif; line-height:18px"> STHeiti Light [STXihei] | font-family:Verdana,宋体,sans-serif; line-height:18px"> \534E\6587\7EC6\9ED1 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> * 华文黑体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> STHeiti | font-family:Verdana,宋体,sans-serif; line-height:18px"> \534E\6587\9ED1\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 华文楷体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> STKaiti | font-family:Verdana,宋体,sans-serif; line-height:18px"> \534E\6587\6977\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 华文宋体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> STSong | font-family:Verdana,宋体,sans-serif; line-height:18px"> \534E\6587\5B8B\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 华文仿宋 | font-family:Verdana,宋体,sans-serif; line-height:18px"> STFangsong | font-family:Verdana,宋体,sans-serif; line-height:18px"> \534E\6587\4EFF\5B8B |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 丽黑 Pro | font-family:Verdana,宋体,sans-serif; line-height:18px"> LiHei Pro Medium | font-family:Verdana,宋体,sans-serif; line-height:18px"> \4E3D\9ED1 Pro |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 丽宋 Pro | font-family:Verdana,宋体,sans-serif; line-height:18px"> LiSong Pro Light | font-family:Verdana,宋体,sans-serif; line-height:18px"> \4E3D\5B8B Pro |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 标楷体 | font-family:Verdana,宋体,sans-serif; line-height:18px"> BiauKai | font-family:Verdana,宋体,sans-serif; line-height:18px"> \6807\6977\4F53 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 苹果丽中黑 | font-family:Verdana,宋体,sans-serif; line-height:18px"> Apple LiGothic Medium | font-family:Verdana,宋体,sans-serif; line-height:18px"> \82F9\679C\4E3D\4E2D\9ED1 |
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; line-height:18px"> 苹果丽细宋 | font-family:Verdana,宋体,sans-serif; line-height:18px"> Apple LiSung Light | font-family:Verdana,宋体,sans-serif; line-height:18px"> \82F9\679C\4E3D\7EC6\5B8B |