更改字体属性

学习使用CSS更改字体属性

字体和CSS

CSS是调整网页上字体的最有效方式。 您可以控制字体系列 ,大小,颜色,重量以及排版的许多其他方面。

CSS中的字体属性是使页面更独特和独特的最常见方式之一。 使用CSS字体属性很容易改变文本的颜色,大小,甚至是面部(字体本身)。

字体有三个部分:

字体颜色

要更改文本的颜色,只需使用CSS颜色样式属性即可。 您可以使用颜色名称或十六进制代码。 与网页上的所有颜色一样,最好使用浏览器安全颜色

在您的网页中尝试以下样式:

这个字体是红色的
这个字体是蓝色的

字体大小

当您在网页上设置字体大小时,您可以将其设置为相对大小,或者使用像素,厘米或英寸作为非常具体的设置。 但是,更精确的字体大小旨在用于打印,而不是用于网页,其中查看您的网站的每个人都可能具有不同的分辨率,显示器大小或默认字体设置。 因此,如果您选择15px作为标准尺寸,您可能会很不高兴地看到您的字体对您的客户有多大或多小。

建议你使用ems字体大小 。 Ems允许您的页面保持可访问性,而不管谁在查看它,而ems是用于屏幕渲染的。 让您的像素和点进行打印呈现。 要更改字体大小,请在网页中放入以下样式:

这个字体是1em
这个字体是.75em
这个字体是1.25em

字体的面孔

字体的表面是许多人想到“字体”时的想法。您可以声明任何您喜欢的字体,但请记住,如果您的读者没有安装该字体,他们的浏览器将尝试找到匹配为它,他们的网页不会像你想要的。

要解决此问题,您可以指定一个用逗号分隔的名称列表,供浏览器按照首选项的顺序使用。 这些被称为字体堆栈。 请记住,PC上的标准字体(如Arial)可能不是Macintosh上的标准字体。 因此,您应该始终使用最低限度安装的机器(最好在两个平台上)查看您的页面,以确保即使使用最少的字体,您的页面看起来也是按照设计的。

我最喜欢的字体堆栈之一是这个集合是一个无衬线字体集合,虽然日内瓦和宋体看起来并不十分相似,但它们在Macintosh和Windows电脑都是相当标准的 。 我在其他操作系统上为客户提供了helvetica和helv,例如Unix或Linux,可能没有强大的字体库。

这个字体是sans-serif
这个字体是serif