说到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

上表中标*为常用字体

转自:http://www.cnblogs.com/jiji262/archive/2012/02/13/2349851.html

css中font-family的中文字体相关推荐

  1. css中好看常用的中文字体

    CSS,font-family 例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体", ...

  2. linux中使用matplotlib缺失中文字体的解决方案

    linux中使用matplotlib缺失中文字体的解决方案 在linux中调用matplotlib画图时,如果label中有中文,需要通过以下语句指定字体: import matplotlib.pyp ...

  3. Font Awesome html源码,CSS 中Font Awesome 图标(附码表)

    HTML中缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. 部分图标: 其他效果图: 调用实例: Font Awesome图标调用实例 N ...

  4. php默认字体是什么,在word中系统默认的中文字体和字号是什么,word默认字体

    在word中系统默认的中文字体和字号是什么默认的中文字体和字号是多少,在word中,默认的中文字体和字号是"Tahoma"和"5号"."宋体" ...

  5. Fira Code字体中增加思源黑体支持中文字体

    在Fira Code字体基础上增加思源黑体,合并到一个字体中,解决类似sourceinsight mono模式下无法显示中文的问题 下载链接如下(不需要付费,免费下载的): FiraCode字体中增加 ...

  6. Mac中使用LaTeX的中文字体出现Package fontspec Error: The font “宋体“ cannot be found.解决方案

    文章目录 问题 分析与解决 小结 参考 问题 最近写论文需要用到LaTeX,之前我已经介绍过Mac上安装Mac TeX的方法,用起来跟在Windows中没有区别,但是在使用中文字体的时候,还是会发生诸 ...

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

    例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",s ...

  8. matplotlib的Text、FontProperties对象、字体(font)属性|中文字体的设置|图像标题、label字体的设置

    matplotlib.text.Text对象 见文档描述matplotlib.text 设置Text字体性质的方法有两个: Text.set(xxx=value) Text.set_xxx(value ...

  9. font在html语言中是什么意思,CSS中font是什么意思?

    font代表字体,是CSS中的一个简写字体属性,用于一次设置元素字体的两个或更多方面,可以在一个声明中设置所有字体属性. CSS font属性 font 简写属性可在一个声明中设置所有字体属性. 说明 ...

  10. word2016中应用or关闭中文字体到西文字体/设置默认字体

    word2016中设置默认字体 在使用word2016时发现,字体的西文字体部分变成了和中文字体一样的字体,但一般会设置字体默认值中文字体为宋体,西文字体为Times New Roman,默认字体的设 ...

最新文章

  1. 白盒测试--基本路径测试法
  2. C 的CList,CPtrList,CObList,CStringList 用法之CPtrList
  3. 如何在Marketing Cloud里创建extension field扩展字
  4. MongoDB SpringBoot ObjectId序列化json为String
  5. 谷歌、阿里巴巴他们都来了,你呢?
  6. 绿屏后再现“粉屏”门!大量网友投诉iPhone 13粉屏问题 客服:非硬件问题
  7. 为什么工程师要掌握FPGA开发知识?
  8. matlab fwrite 多字节,单片机多字节串口接收
  9. Docker到底是什么?为什么它这么火!
  10. 起底 ARM:留给中国队的时间不多了
  11. 客房预订管理系统(一)
  12. 杂谈eMule协议的由来
  13. Android流星雨效果---史上最炫,浪漫,值得陪你女朋友一起看~ [捂脸]
  14. Vue——vue3路由导航守卫及其写法
  15. web前端学习-第二天
  16. SSM框架的基本概念(什么是ssm框架?)
  17. Windows下控制网络连接的常用命令
  18. 三步解决微信小程序cdn加速(资源大小超过200k)
  19. 【微信小程序】小程序原生代码生成海报
  20. 现代的先进控制理论先进在哪里?如何评价在PID控制器份额在95%条件下稳定性逊色的先进控制系统?

热门文章

  1. Java 初始化顺序
  2. 数据挖掘导论读书笔记5关联分析的基本概念和算法
  3. 基于px2rpx-loader,探讨一下loader的封装思想
  4. 商务礼仪 细节决定成败
  5. Spark 写出MySQL报错,java.sql.BatchUpdateException
  6. 在R语言环境中无法载入rJava包的解决办法
  7. Oracle PL/SQL编程之包(packages)
  8. 数钱数到手抽筋游戏的测试用例
  9. 使用Nginx为Leanote配置Https
  10. Android开发优化之——对界面UI的优化(经验分享)