zoukankan      html  css  js  c++  java
  • 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 5B8B4F53
    * 黑体 SimHei 9ED14F53
    * 微软雅黑 Microsoft YaHei 5FAE8F6F96C59ED1
    微软正黑体 Microsoft JhengHei 5FAEx8F6F6B639ED14F53
    新宋体 NSimSun 65B05B8B4F53
    新细明体 PMingLiU 65B07EC6660E4F53
    细明体 MingLiU 7EC6660E4F53
    标楷体 DFKai-SB 680769774F53
    仿宋 FangSong 4EFF5B8B
    楷体 KaiTi 69774F53
    仿宋_GB2312 FangSong_GB2312 4EFF5B8B_GB2312
    楷体_GB2312 KaiTi_GB2312 69774F53_GB2312
    Mac OS
    * 华文细黑 STHeiti Light [STXihei] 534E65877EC69ED1
    * 华文黑体 STHeiti 534E65879ED14F53
    华文楷体 STKaiti 534E658769774F53
    华文宋体 STSong 534E65875B8B4F53
    华文仿宋 STFangsong 534E65874EFF5B8B
    丽黑 Pro LiHei Pro Medium 4E3D9ED1 Pro
    丽宋 Pro LiSong Pro Light 4E3D5B8B Pro
    标楷体 BiauKai 680769774F53
    苹果丽中黑 Apple LiGothic Medium 82F9679C4E3D4E2D9ED1
    苹果丽细宋 Apple LiSung Light 82F9679C4E3D7EC65B8B

    上表中标*为常用字体

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

  • 相关阅读:
    使用 Nginx 内置 $http_user_agent 来区分( 电脑 pc、手机 mobile、平板 pad )端的内容访问
    原创《开源一个用 vue 写的树层级组件 vue-ztree》
    原创《weex面向未来的架构》
    原创《如何用vue来轻松的驾驭 html5 webapp的页面体验》
    Pdf Convert Image 的解决方案
    原创《分享(Angular 和 Vue)按需加载的项目实践优化方案》
    .npmrc 实用小技巧
    使用Tampermonkey,实现Gitlab禁用自我Merge的功能
    vue 之 render 函数不能渲染非全局自定义函数-方案
    反射、注解和动态代理
  • 原文地址:https://www.cnblogs.com/linsanshu/p/5743996.html
Copyright © 2011-2022 走看看