HTML和CSS中如何设置中文字体

      你是不是也遇到过这个问题:在HTML或CSS中怎么设置字体为宋体或楷体或黑体等等中文字体呢?下面就来解决这个问题。

    用font-family:字体英文名 即可。

  fon标记是HTML里最常用的文字格式控制标记,通过改变font标记的属性可以改变文字的大小颜色字体等,但在XHTML里font标记应用比较少。
font标记的最主要属性有如下三个:
  face:font标记的face属性指定文字的字体。face属性可以一次设定一个或多个值。因为用face属性设定字体还会遇到这样一种情况:你设定的那种字体在一些用户的计算机上没有安装。例如:face=”华文彩云,琥珀体,隶书,华文行楷,黑体”>。如果你的计算机上安装了华文彩云的字体,上面的例子里的字就会是华文彩云体的,如果没有安装华文彩云字体,那么就会寻找琥珀体, 隶书, 华文行楷, 黑体字体中安装了的一种字体来显示,优先顺序是华文彩云, 琥珀体, 隶书, 华文行楷, 黑体。
  size:font标记的size属性指定文字的大小,它的取值范围是1—7,当它取值为“1”时文字最小取值为7时文字最大,默认值是3。
  color:font标记的color属性可以指定文字的颜色,它的取值有用英文关键字、十六进制颜色代码、rgb函数三种类型。

    下面是一些常用的字体英文名:

            新细明体: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

     苹果电脑中的字体:

            华文细黑:STHeiti Light [STXihei]
            华文黑体:STHeiti
            华文楷体:STKaiti
            华文宋体:STSong
            华文仿宋:STFangsong
            丽黑 Pro:LiHei Pro Medium
            丽宋 Pro:LiSong Pro Light
            标楷体:BiauKai
            苹果丽中黑:Apple LiGothic Medium
            苹果丽细宋:Apple LiSung Light

      CSS中代码举例:
<style type="text/css">
        /*P标签样式*/
        p {
            text-align: center; /*居中*/
            padding-top:300px; /*距离顶部300px*/
            font-size: 50px; /*字体大小*/
            color: purple; /*字体颜色*/
            font-family:STCaiyun  ; /*设置字体为华文彩云*/
        }
 </style>
  • 14
    点赞
  • 57
    收藏
    觉得还不错? 一键收藏
  • 14
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值