CSS设置文字字体

最新推荐文章于 2024-08-21 14:25:06 发布

量变决定质变

最新推荐文章于 2024-08-21 14:25:06 发布

阅读量1.7k

点赞数 1

分类专栏： ————CSS

本文链接：https://blog.csdn.net/nangeali/article/details/51831232

版权

————CSS 专栏收录该内容

39 篇文章 2 订阅

订阅专栏

CSS设置文字字体

CSS的文字字体

与word类似，CSS也可以对文字的字体、大小和颜色等各种属性进行设置。

在<html>语言中，文字的字体通过<fontface=”字体名称”>来设置，而在CSS中字体则是通过font-family属性来控制。

Font-family属性，可以同时声明任意种字体，字体之间使用逗号隔开，此外，一些字体的名称中间会出现空格，比如：TimesNew Roman，这时需要使用双引号将其引起来。

<span style="font-size:24px;">p{
	font-family:黑体，Arial,宋体，sans-serif;
}
</span>

该语句声明了HTML页面中<p>标记的字体名称，并且，同时声明了三种字体，分别是黑体、Arial和宋体，表示首先在浏览器的计算机中寻找黑体，如果没有接着寻找Arial字体，如果都没有在寻找宋体，如果三种都没有，则会使用浏览器的默认字体显示。

通常见到的sans-serif和serif不是单个字体的名称，而是一类字体的统称，按照W3C的规则，在font或者font-family的最后都要求指定一个这样的字体集，当客户端没有指定字体时，可以使用本机上的默认字体。

Serif和sans-serif区别

Serif在字的笔画开始和结束的地方都有额外的装饰，而且，笔画的粗细会因为横竖的不同而不同，相反，sans-serif没有这些额外的装饰，笔画粗细大致差不多。

一般文章的正文使用易读性较强的serif字体，用户长时间阅读下不容易疲劳，而标题和表格则采用醒目的sans-serif，它们需要显著和醒目。

<span style="font-size:24px;"><html>
	<head>
		<title>
			文字字体
		</title>
		<style>
			<!--
			h2{font-family:黑体，幼圆；}
			P{font-family:Arial,Helvetica,sans-serif;}
			p.kaiti{font-family:楷体_GB2312,"Times New Roman";}
			-->
		</style>
	</head>
	
	<body>
		<h2>立 春</h2>
		<p>
			自秦代以来，我国就一直以立春作为春季的开始。立春是从天文上来划分的，而在自然界、在人们的心目中，春是温暖，鸟语花香；春是生长，耕耘播种。在气候学中，春季是指候（5天为一候）平均气温10度至20度的时段。</p>
		<p class="kaiti">作者：isaac</p>
	</body>
</html>
</span>

很多设计者，都使用了各种各样的字体来个页面添彩，但是这些字体很多用户都没有安装，因此，必须设置多个备选字体，避免浏览器直接换成默认的字体。

如果使用了生僻的字体，可以直接用图形软件制作成小图片，加载到页面中即可。