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的中文字体的更多相关文章
- Centos中如何配置Texlive2013中文字体的问题
Centos中如何配置Texlive2013中文字体的问题: 第一步是下载你需要的字体,我从windows/fonts中拷贝的比较多,你只要复制你需要的字体即可. 注意只要文件扩展名为ttf的文件,t ...
- CSS,font-family,好看常用的中文字体
例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",s ...
- CSS 中Font Awesome 图标(附码表)
HTML中缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. Font Awesome 传送门:http://fontawesome.das ...
- css中 font常用的样式属性
今天我总结一下文本常用的字体样式 1.font常用样式 1)字体类型 语法:font-family: +字体类型: 如: font-family:宋体; 2)字体大小 语法:font-size: ...
- css 中font属性知识点总结
一. font属性值可以继承.例如子元素可以继承父元素的行高,字体大小等等. 二.font属性可以进行连写:font: font-sytle font-weight font-size/line- ...
- CSS中(font和background)的简写形式
转自:http://blog.csdn.net/shenzhennba/article/details/7356095 1.字体属性主要包括下面几个:font-family(字体族): “Arial” ...
- 避免css中文字体在浏览器中解析成乱码
许多童鞋在写CSS的时候,设置中文字体常常使用中文字符,例如font-family:”黑体”,这样我们在浏览器中看到的是什么样子的呢 ? 如果不想自己写的界面在浏览器字体声明上有异常,建议在书写css ...
- CSS为英文和中文字体分别设置不同的字体
font-family的调用方法: div { font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px ...
- CSS中常用属性之字体属性
1,以下是CSS中常用字体属性: font-family 字体样式 font-size 字体大小 font-size-adjust 为元素规定 ...
- 利用sfntly的sfnttool.jar提取中文字体
雨忆博客中提到了sfntly(具体介绍可以看:https://code.google.com/p/sfntly/),利用其中sfnttool.jar就可以提取只包含指定字符的字体,如果想在页面中通过@ ...
随机推荐
- 《微信小程序七日谈》- 第三天:玩转Page组件的生命周期
<微信小程序七日谈>系列文章: 第一天:人生若只如初见: 第二天:你可能要抛弃原来的响应式开发思维: 第三天:玩转Page组件的生命周期: 第四天:页面路径最多五层?导航可以这么玩 前两篇 ...
- [Solution] 使用Autofac在MVC、Web API、WCF中实现IOC
本来想聊一下面试过程的,1个星期面了6家,4家当场给offer,2家技术通过(1家没下文,1家复试).从中也学习到一些东西,先还是继续Coding吧. 官网:http://autofac.org/ 下 ...
- R语言简单实现聚类分析计算与分析(基于系统聚类法)
聚类分析计算与分析(基于系统聚类法) 下面以一个具体的例子来实现实证分析.2008年我国其中31个省.市和自治区的农村居民家庭平均每人全年消费性支出. 根据原始数据对我国省份进行归类统计. 原始数据如 ...
- 【转】http-equiv="X-UA-Compatible" 设置IE浏览器兼容模式详解
文件兼容性用于定义让IE如何编译你的网页.此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式. 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE ...
- 【Win10】页面导航的实现
注:本文基于 Windows 10 10240 及其 SDK 编写,若以后有变化,请以新版本为准. 页面导航我们是再熟悉不过了,浏览器.手机 App 大多都使用这种方式来展示内容.在 Windows ...
- MVC视图展现模式之移动布局
参考:http://www.cnblogs.com/dunitian/p/5218140.html 简单点,直接上用法 新建MVC项目,在golbal.asax中添加如下代码 //添加一个自定义后缀 ...
- 如何用c语言调用c++做成的动态链接库
今天在做东西的时候遇到一个问题,就是如何在C语言中调用C++做的动态链接库so文件如果你有一个c++做的动态链接库.so文件,而你只有一些相关类的声明, 那么你如何用c调用呢,别着急,本文通过一个小小 ...
- 改变Visual Studio 2012的皮肤
习惯了用vs的绿色背景,vs2012有自己的主题管理工具--Theme Editor vs2012默认没有安装Theme Editor,菜单:工具->扩展和更新,搜索栏里面输入Theme Edi ...
- sql跨数据库转移
结构一样的话insert into 数据库A.dbo.TableAselect * from 数据库B.dbo.TableA 另外:nsert into DDD(字段1,字段2,字段3 .....)( ...
- ActiveReports 报表应用教程 (9)---交互式报表之动态排序
在 ActiveReports 中除了提供对数据源进行排序的功能之外,还提供了最终用户排序功能,最终用户可以对报表进行区域内排序和整个数据源排序,结合数据钻取.过滤等功能可以让用户更方便地分析报表数据 ...