CSS中的字体设置非常重要,因为它直接影响到网页的整体风格和美观度。下面我们就来了解一下如何设置字体。 /* 设置字体 */ body { font-family: Helvetica Neue ,H
CSS中的字体设置非常重要,因为它直接影响到网页的整体风格和美观度。下面我们就来了解一下如何设置字体。
/* 设置字体 */ body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #333; }
上面的代码中,我们可以看到,使用font-family属性设置字体。这里我们设置了一个带引号的字体族名称序列。如果电脑上存在第一个字体族名称,则会使用该字体族名称,否则会用第二个字体族名称,以此类推。
同时,我们还可以使用font-size属性设置字体大小,使用font-weight属性设置字体粗细,line-height属性设置行高,color属性设置文字颜色。
除了直接设置字体名字外,我们还可以使用web字体来美化网页字体。比如下面这个例子:
/* 使用web字体 */ @font-face { font-family: "MyWebFont"; src: url("webfont.woff2") format("woff2"), url("webfont.woff") format("woff"); } body { font-family: "MyWebFont", sans-serif; }
上面的代码中,我们定义了一个字体名称,名为"MyWebFont",并从两个不同的格式的字体文件中加载字体。然后,我们使用font-family属性将该字体应用到body标签中。
总结:在CSS中,设置字体族名称序列以及使用web字体是常见的设置字体方式,可以通过此类属性,轻松地美化网页字体。
粉丝
0
关注
0
收藏
0