css中font-family的中文字体
说到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
css中font-family的中文字体相关推荐
- css中好看常用的中文字体
CSS,font-family 例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体", ...
- linux中使用matplotlib缺失中文字体的解决方案
linux中使用matplotlib缺失中文字体的解决方案 在linux中调用matplotlib画图时,如果label中有中文,需要通过以下语句指定字体: import matplotlib.pyp ...
- Font Awesome html源码,CSS 中Font Awesome 图标(附码表)
HTML中缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. 部分图标: 其他效果图: 调用实例: Font Awesome图标调用实例 N ...
- php默认字体是什么,在word中系统默认的中文字体和字号是什么,word默认字体
在word中系统默认的中文字体和字号是什么默认的中文字体和字号是多少,在word中,默认的中文字体和字号是"Tahoma"和"5号"."宋体" ...
- Fira Code字体中增加思源黑体支持中文字体
在Fira Code字体基础上增加思源黑体,合并到一个字体中,解决类似sourceinsight mono模式下无法显示中文的问题 下载链接如下(不需要付费,免费下载的): FiraCode字体中增加 ...
- Mac中使用LaTeX的中文字体出现Package fontspec Error: The font “宋体“ cannot be found.解决方案
文章目录 问题 分析与解决 小结 参考 问题 最近写论文需要用到LaTeX,之前我已经介绍过Mac上安装Mac TeX的方法,用起来跟在Windows中没有区别,但是在使用中文字体的时候,还是会发生诸 ...
- CSS,font-family,好看常用的中文字体
例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",s ...
- matplotlib的Text、FontProperties对象、字体(font)属性|中文字体的设置|图像标题、label字体的设置
matplotlib.text.Text对象 见文档描述matplotlib.text 设置Text字体性质的方法有两个: Text.set(xxx=value) Text.set_xxx(value ...
- font在html语言中是什么意思,CSS中font是什么意思?
font代表字体,是CSS中的一个简写字体属性,用于一次设置元素字体的两个或更多方面,可以在一个声明中设置所有字体属性. CSS font属性 font 简写属性可在一个声明中设置所有字体属性. 说明 ...
- word2016中应用or关闭中文字体到西文字体/设置默认字体
word2016中设置默认字体 在使用word2016时发现,字体的西文字体部分变成了和中文字体一样的字体,但一般会设置字体默认值中文字体为宋体,西文字体为Times New Roman,默认字体的设 ...
最新文章
- 白盒测试--基本路径测试法
- C 的CList,CPtrList,CObList,CStringList 用法之CPtrList
- 如何在Marketing Cloud里创建extension field扩展字
- MongoDB SpringBoot ObjectId序列化json为String
- 谷歌、阿里巴巴他们都来了,你呢?
- 绿屏后再现“粉屏”门!大量网友投诉iPhone 13粉屏问题 客服:非硬件问题
- 为什么工程师要掌握FPGA开发知识?
- matlab fwrite 多字节,单片机多字节串口接收
- Docker到底是什么?为什么它这么火!
- 起底 ARM:留给中国队的时间不多了
- 客房预订管理系统(一)
- 杂谈eMule协议的由来
- Android流星雨效果---史上最炫,浪漫,值得陪你女朋友一起看~ [捂脸]
- Vue——vue3路由导航守卫及其写法
- web前端学习-第二天
- SSM框架的基本概念(什么是ssm框架?)
- Windows下控制网络连接的常用命令
- 三步解决微信小程序cdn加速(资源大小超过200k)
- 【微信小程序】小程序原生代码生成海报
- 现代的先进控制理论先进在哪里?如何评价在PID控制器份额在95%条件下稳定性逊色的先进控制系统?