css中font-family的中文字体
2013-05-26 22:40 Barret李靖 阅读(498) 评论(0) 编辑 收藏 举报说到css中的font-family,相信很多朋友经常用,但不知道当你遇到引用中文字体的时候你会怎么写?
最近特别关注了下,发现最常用的基本有三种类型:
- 1、直接中文;
- 2、英文形式;
- 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 |
上表中标*为常用字体
本文转自:http://www.cnblogs.com/jiji262/archive/2012/02/13/2349851.html

版权声明: 署名-非商业性使用-禁止演绎 3.0 国际(CC BY-NC-ND 3.0)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义