css设置各种中文字体如雅黑、黑体、宋体、楷体等等

  发布时间:2014-05-08 15:29:53   作者:佚名   我要评论
这篇文章主要介绍了css如何设置各种中文字体如雅黑、黑体、宋体、楷体等等,需要的朋友可以参考下

复制代码
代码如下:

.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }

说明:

加上中文名“微软雅黑”是为了兼容opera。

MicrosoftJhengHei为微软正黑体,STHeiti为华文黑体,MingLiu记得11px下的中文有着不凡的效果。

在css中推荐使用中文字体的英文表示法,以下附常见中文字体的英文名:
Mac OS的一些:

华文细黑:STHeiti Light [STXihei]
华文黑体:STHeiti
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light
Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑体:SimHei
宋体:SimSun
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_utf-8:FangSong_utf-8
楷体_utf-8:KaiTi_utf-8
微軟正黑體:Microsoft JhengHei
微软雅黑体:Microsoft YaHei
装Office会生出来的一些:

隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei

注:如果字体的名称是一个单词的,不需要加引号,否则在ie6,7里面会失效,并且后面的样式也会不生效!

相关文章

  • CSS实现 Google Material Design 文本输入框风格(推荐)

    这篇文章主要介绍了CSS实现 Google Material Design 文本输入框风格的相关资料,需要的朋友可以参考下
    2019-10-23
  • 使用css创建一个优惠券的方法

    这篇文章主要介绍了使用css创建一个优惠券的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-21
  • CSS ellipsis 与 padding 结合时的问题详解

    这篇文章主要介绍了CSS ellipsis 与 padding 结合时的问题详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编
    2019-10-17
  • CSS实现带箭头的提示框效果【示例代码】

    我们在很多UI框架中看到带箭头的提示框,感觉挺漂亮,今天小编通过实例代码给大家介绍CSS实现带箭头的提示框效果,感兴趣的朋友一起看看吧
    2019-10-15
  • css link与@import区别详解

    这篇文章主要介绍了css link与@import区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习
    2019-10-14
  • scss使用mixin不生效(浏览器无法编译出来)的解决方法

    这篇文章主要介绍了scss使用mixin不生效(浏览器无法编译出来)的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下
    2019-10-12
  • CSS实现标签效果的示例代码

    这篇文章主要介绍了CSS实现标签效果的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习
    2019-10-12
  • CSS 设置滚动条样式的实现

    这篇文章主要介绍了CSS 设置滚动条样式的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-11
  • 浅谈css position absolute相对于父元素的设置方式

    这篇文章主要介绍了浅谈css position absolute相对于父元素的设置方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面
    2019-10-10
  • 基于html css实现带搜索图标的搜索框功能

    这篇文章主要介绍了基于html css实现带搜索图标的搜索框功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-09

最新评论