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

2024-07-13 16:35| 来源: 网络整理| 查看: 265

你是不是也遇到过这个问题：在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中代码举例： /*P标签样式*/ p { text-align: center; /*居中*/ padding-top:300px; /*距离顶部300px*/ font-size: 50px; /*字体大小*/ color: purple; /*字体颜色*/ font-family:STCaiyun ; /*设置字体为华文彩云*/ }

【本文地址】

公司简介

联系我们