css字体

CSS字体样式属性及综合写法

最新推荐文章于 2024-08-13 20:49:10 发布

原创最新推荐文章于 2024-08-13 20:49:10 发布 · 444 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#css字体

基础专栏收录该内容

79 篇文章

订阅专栏

博客介绍了CSS字体样式属性，包括font-size、font-family等，还提及CSS Unicode字体。阐述让倾斜或粗体字体恢复正常的方法，介绍粗体的不同表示。重点讲解font综合写法，强调书写顺序及必须保留font-size和font-family属性，同时提醒编写时注意中英文切换和符号使用。

css字体样式属性

font-size字号大小
font-family字体
font-style字体风格
font-weight字体粗细
css unicode字体
font综合设置字体样式
例如：

<style type="text/css">
		h2{
			font-size: 30px;
			color:purple;
			font-family: "microsoft yahei"
		} 
		h4{
			font-size: 14px;
			color:#00f;
		}
</style>

相对长度单位推荐使用px
px 为像素，最常用
与字体而言尽量用宋体与微软雅黑两种因为大多浏览器都有这两种字体
（宋体：英文名称simsun Unicode编码\5B8B\4F53
微软雅黑：英文名称Microsoft YaHei Unicode编码\5FAE\8F6F\96C5\9EDI)

增添：
css注释写法
/* css注释内容 */

让倾斜变得不倾斜

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		em{
			font-style: normal; /*让斜体变得不倾斜*/
		}
	</style>
</head>
<body>
	<em>字体倾斜问题</em>
</body>

转换如下:

Document 字体倾斜问题

normal正常字体