css中font-family的中文字体

说到css中的font-family,相信很多朋友经常用,但不知道当你遇到引用中文字体的时候你会怎么写?
最近特别关注了下,发现最常用的基本有三种类型:

  1. 1、直接中文;
  2. 2、英文形式;
  3. 3、unicode码;

前面两种形式很好理解,unicode码是什么意思呢?下面看基本定义:

Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。

更多内容请查看百度百科对Unicode的介绍。
介绍完方案,再谈下使用。之前在看玉伯写的一篇文章《中文字体在 CSS 中的写法》
中提到:font-family中用到的宋体,“用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera
不支持 SimSun
的写法”。我在网上搜索了下相关内容,大多都是摘抄这篇文章,并没有提到具体哪个版本的Firefox和Opera会不支持英文的写法。

对比下,三种方法各有优缺点:中文形式的方便记忆,但在不支持中文的系统或者编码的页面则无法正常显示;英文形式的兼容了系统和编码的问题,但不方便记忆,又可能有潜在的风险;unicode码兼容行最好,但也存在记忆难的问题。

综合权衡下,在性能和安全第一的条件下,还是推荐使用unicode码。如果不是太严格的情况下,可以选择其他两种。

下面整理下常用的各种字体的不同显示形式,方便使用的时候查找:

中文名 英文名 Unicode
Windows
* 宋体 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
Mac OS
* 华文细黑 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

上表中标*为常用字体

时间: 2025-01-01 21:20:15

css中font-family的中文字体的相关文章

css中好看常用的中文字体

CSS,font-family 例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3(加网 ):font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\

css中font系列常见内容

font 可以一次性定义以下五种属性的值,常见的是前四种.不用所有的都写上,有什么些什么,没有的不写,各个属性值之间用空格. 说实话,如果能够单独写就单独写,真不知道这样写有什么样的好处,还麻烦 注意:书写的顺序 font-style font-variant font-weight font-size/line-height font-family 另外还有一些别的属性值:主要是应用在一些特殊的应用场景的制定字体,比如下拉列表.按钮.对话框.图标标记.窗口状态栏等等 caption 定义被标题

CSS,font-family,好看常用的中文字体(转载若侵可删)

例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3(加网 ):font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;

CSS,font-family,好看常用的中文字体

例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3(加网 ):font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;

css 中font属性知识点总结

一. font属性值可以继承.例如子元素可以继承父元素的行高,字体大小等等. 二.font属性可以进行连写:font: font-sytle  font-weight  font-size/line-height font-family; 三.font连写要注意两点:1.font属性联写中必须有font-size  和 font-family:2.font属性联写中,font-size  必须在font-family 前.

CSS中font属性的注意事项

font包含font-style font-variant font-weight font-size/line-height font-family; 在书写font属性时font-style font-variant font-weight 在前,且顺序可以随意排列:font-size/line-height font-family在后,且顺序是固定的:而且font属性的声明中必须要包含font-size font-family这两个属性,否则,整个声明都是无效的. 在使用font声明时,会

CSS中(font和background)的简写形式

转自:http://blog.csdn.net/shenzhennba/article/details/7356095 1.字体属性主要包括下面几个:font-family(字体族): "Arial"."Times New Roman"."宋体"."黑体"等;font-style(字体样式): normal(正常).italic(斜体)或oblique(倾斜);font-variant (字体变化): normal(正常)或s

CSS为英文和中文字体分别设置不同的字体

font-family的调用方法: div { font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei; } 根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体 根据font-famil

常用的中文字体

CSS,font-family,好看常用的中文字体 (小米米官网): font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; (淘宝技术研发中心): font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; (加网 ): font: 14px/1.5 'Microsoft YaHei',arial,tahoma

利用sfntly的sfnttool.jar提取中文字体

雨忆博客中提到了sfntly(具体介绍可以看:https://code.google.com/p/sfntly/),利用其中sfnttool.jar就可以提取只包含指定字符的字体,如果想在页面中通过@font-face嵌入中文字体的话是一个不错的选择. sfnttool.jar的选项如下: java -jar sfnttool.jar -h Subset [-?|-h|-help] [-b] [-s string] fontfile outfile Prototype font subsette