html中字体楷体_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中代码举例：

html中字体楷体_HTML和CSS中如何设置中文字体相关推荐

css汉字注释乱码,css font-family属性设置中文字体乱码
一般设置字体,个人都喜欢用中文,比如:font-family:"微软雅黑":但是偶尔会出现设置以后字体显示乱码的问题解决方法[1]: 看看你的CSS文件的第一行有没有:@char ...
html中加粗的字体如何改细,css font-weight 属性设置文本字体的粗细
css font-weight介绍在CSS中,font-weight属性用来定义字体粗细.font-weight属于css1版,所以所有主流浏览器都支持font-weight属性. 初学者要注意,字 ...
精灵图在现代前端中到底有用没，css中显示和隐藏竟有两种不同方式
css基础篇(第七篇) 回顾在上一讲中我们基本上学习了css中定位的几种方式,包括定位在实际工作中常用的口诀等,除此之外还学习了margin:0 auto 水平居中的效果.未来常用的z-index等 ...
php中框是什么代码,css中box是什么文件
css中box是指CSS盒子模型,即Box Model:在CSS中,"box model"这一术语是用来设计和布局时使用:CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包 ...
在matplotlib中设置中文字体
在matplotlib中设置中文字体 matplotlib库中默认使用的字体是不支持中文的,所以如果需要中文的标签或标题则我们手动去重新设置一个支持中文格式的字体.因为之前我在设置的时候犯了一个很蠢的 ...
python-docx_python-docx中设置中文字体
需要额外导入qn: from docx.oxml.ns import qn 设置中文字体与西文字体不同,可能是word内部处理方式不同,主要是通过以下这句: style.element.rPr.rFo ...
双y轴图中怎么设置中文字体为仿宋_GB2312，英文字体为Times New Roman
如果您使用的是 Matplotlib 库,可以使用以下代码设置双 y 轴图中的字体: import matplotlib.pyplot as pltfrom matplotlib.font_manag ...
css好看常用的中文字体
CSS,font-family,好看常用的中文字体 2014-10-14 例1(小米米官网):font-family: "Arial","Microsoft YaHei& ...
HTML，CSS，font-family：中文字体的英文名称
HTML,CSS,font-family:中文字体的英文名称宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 ...
html font-family设置无效,HTML+CSS入门 CSS设置中文字体(font-family:黑体)后样式失效问题如何解决...
本篇教程介绍了HTML+CSS入门 CSS设置中文字体(font-family:"黑体")后样式失效问题如何解决,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. ...

html中字体楷体_HTML和CSS中如何设置中文字体

html中字体楷体_HTML和CSS中如何设置中文字体相关推荐

最新文章

热门文章

html中字体 楷体_HTML和CSS中如何设置中文字体

html中字体 楷体_HTML和CSS中如何设置中文字体相关推荐

最新文章

热门文章

html中字体楷体_HTML和CSS中如何设置中文字体

html中字体楷体_HTML和CSS中如何设置中文字体相关推荐