CSS如何设置字体的类型、大小、颜色？

Css可以设置网页的样式,比如字体大小颜色等等。今天小编就来分享一下设置HTML网页字体类型大小和颜色方法。

一、如图，先在HTML网页编写一些测试的文字。

二、然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。

三、因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。

四、如图，我们可以用font-family来设置HTML网页字体的类型，比如这里我设置为“华文楷体”。

五、再去看文字的变化效果，文字变成了华文楷体类型，比原先的好看多了。

六、然后color可以改变文字的颜色，比如我就设置它为red，意思表示的是红颜色。

七、这样，文字的颜色就会由黑色变成红色了哦。

八、而font-size可以设置文字的大小，如图所示，我设置成38px，表示38像素大小。

九、最后来看看，文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型，颜色及大小的目的。

以在css中设置文本字体为“微软雅黑”。具体方法和CSS代码如下：

.body {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}

之所以加上中文名“微软雅黑”是为了兼容opera。Microsoft JhengHei为微软正黑体，STHeiti为华文黑体，写这么多字体是为了预防万一用户的电脑上没有微软正黑体，那么CSS可以从后边几种字体中选择一个类似的字体，记得11px下的MingLiu中文有着不凡的效果。

box1{font-family:"微软雅黑,宋体"font-weight:bold}这个字体。css设定的字体, 只有系统里面有这个字体的才能看到。 比如xp系统的用户, 一般都没有微软雅黑, 你css使用了微软雅黑。

但是用户只能看到系统默认的宋体. 所以不要那么麻烦. 要想用的只要在你的font文件夹找到字体默认名字就行了.

如果你想你网站上的文字看起来更加不一样，就必须要给网页中的标题、段落和其他页面元素应用不同的字体。你可以用font-family属性在CSS样式里设置字体，如： font-family:Arial但是设置的这种字体，你电脑上必须装有该字体，否则将按原字体样式显示。当然，也可以写上多种字体，当对方浏览你的网站，没有安装第一种字体时，浏览器就会在列表中继续往上搜寻，直到找到有适合的字 体为止，像这样： font-family:Arial,Helvetica,sans-serif在上例中，Web浏览器会先看看是否安装了Arial字体。如果安装了，那么就用Arial字体显示；如果没有安装，浏览器就会继续寻找Helvetica字体；如果还是没有找到，最后它就会指定一种通用的字体--sans-serif。如果字体的名称中包含多个单词时，则必须用双引号（“”）将它们括起来，如： font-family:"Times New Roman",Times,serif以下就介绍几种常用的font-family字体类型组合，每一列的最后都包含一种通用的字体。 1、Serif字体：最适用于冗长的文字信息，因为读者都会觉得这种字体使字母主笔划的结尾处会有一些细小的“足”，能够比较有效地引导人们的视线从一个字母一到到下一个字母，阅读起来感觉更加轻松。serif字体包括：Times，Times New Roman、Georgia。 2、Sans-serif字体：它看起来干净而简洁，所有经常被用在标题上。Sans-serif字体包括：Arial、Helvetica、Verdana和Formata。 3、Monospaced字体：它经常用于显示计算机代码，它每个字母都是等宽的。

---