首页 > 其他 > 详细

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

时间:2021-05-01 09:08:44      阅读:29      评论:0      收藏:0      [点我收藏+]
 

字体大小由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" rel="stylesheet" type="text/css"> 这个是谷歌字体的URL
 
font-family: Lobster, monospace; 降级可以这样写。

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

原文:https://www.cnblogs.com/cjbsai/p/14723749.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!