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

时间 2019-12-06 标签 html css 中如何设置中文字体

你是否是也遇到过这个问题：在HTML或CSS中怎么设置字体为宋体或楷体或黑体等等中文字体呢？下面就来解决这个问题。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函数三种类型。web

下面是一些经常使用的字体英文名：

            新细明体：PMingLiU
            细明体：MingLiU
            标楷体：DFKai-SB
            黑体：SimHei
            宋体：SimSun
            新宋体：NSimSun
            仿宋：FangSong
            楷体：KaiTi
            仿宋_GB2312：FangSong_GB2312
            楷体_GB2312：KaiTi_GB2312
            微软正黑体：Microsoft JhengHei
            微软雅黑体：Microsoft YaHei svg

装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中代码举例：