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
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微软雅黑体:Microsoft YaHei
装Office会生出来的一些:

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

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

相关文章

  • CSS预处理器scss/sass语法及使用教程

    scss在css基础语法上面增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,使用scss可以很方便的提高开发效率,这篇文章主
    2023-01-05
  • 利用css动画实现节流

    本文主要介绍了利用css动画实现节流,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-04
  • CSS动画实现跳动的足球(疯狂世界杯)

    2022卡塔尔世界杯正在如火如荼的进行之中,作为“诸神的黄昏”,本届世界杯备受瞩目,足坛巅峰老将c罗,梅西,内马尔也将随本次世界杯退役,一代人的青春到此结束!本篇我
    2023-01-04
  • CSS样式覆盖的操作代码

    在页面中,我们常用id、class以及内联样式表来设置我们的组件CSS,在网页中css样式根据css优先级来使用,优先级高的会覆盖优先级低的css样式,本文通过实例代码给大家详细
    2023-01-03
  • css实现文字充电效果的示例代码

    本文主要介绍了css实现文字充电效果的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习
    2023-01-03
  • table不让td文字溢出操作方法

    这篇文章主要介绍了table不让td文字溢出操作方法,需要的朋友可以参考下
    2022-12-16
  • table设置超出部分隐藏,鼠标移上去显示全部内容的方法

    这篇文章主要介绍了table设置超出部分隐藏,鼠标移上去显示全部内容的实现方法,需要的朋友可以参考下
    2022-12-16
  • CSS使用SVG实现动态分布的圆环发散路径动画

    这篇文章主要介绍了CSS使用SVG实现动态分布的圆环发散路径动画,第一时间看到这个需求想到的就是 SVG 或者 Canvas,但是由于开发时可能还需要插入其他元素,所以这里还是希
    2022-10-27
  • CSS中理解层叠性及权重如何分配

    这篇文章主要介绍了CSS中理解层叠性及权重如何分配,CSS的三大特性,分别是层叠性、优先性和继承性,本文给大家详细讲解,对css层叠性权重相关知识感兴趣的朋友跟随小编一起
    2022-10-24
  • CSS 鼠标点击拖拽效果的实现代码

    这篇文章主要介绍了CSS 鼠标点击拖拽效果,我们还是仅仅通过 CSS,来实现一种丝滑的鼠标点击拖动元素移动的效果,本文通过实例代码效果展示给大家介绍的非常详细,对大家的
    2022-10-10

最新评论