• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

更改元素的字体大小、引入谷歌字体、 字体如何降级

开发技术 开发技术 2周前 (04-30) 3次浏览
 

字体大小由font-size属性控制,如下所示:

h1 {
  font-size: 30px;
}

 

引入Google字体,你需要复制Google字体的 URL,并粘贴到你的 HTML 里面。在这个挑战中,我们需要引入Lobster字体。因此,请复制以下代码段,并粘贴到代码编辑器顶部,即放到style标签之前。

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

现在你可以设置font-family属性为Lobster,来使用Lobster字体。例子如下:
font-family: FAMILY_NAME, GENERIC_NAME;.

GENERIC_NAME是可选的,其他字体不可用时便作为后备字体,在下一个挑战中可以得到体现。

字体名区分大小写,并且如果字体名含有空格,需要用引号括起来。例如,使用"Open Sans"字体需要添加引号,而Lobster字体则不需要。

例如,如果你想将一个元素的字体设置成Helvetica,当Helvetica不可用时,降级使用sans-serif字体,那么可以这样写:

p {
  font-family: Helvetica, sans-serif;
}

<link href=https://fonts.googleapis.com/css?family=Lobster&#8221; rel=“stylesheet” type=“text/css”> 这个是谷歌字体的URL
 
font-family: Lobster, monospace; 降级可以这样写。

喜欢 (0)