web开发-引用Google font library-学习笔记四

xuesnowce

于 2017-03-28 16:39:33 发布

阅读量1k

点赞数

分类专栏：学习记录文章标签： web开发 css Google font

本文链接：https://blog.csdn.net/xuesnowce/article/details/67638257

版权

学习记录专栏收录该内容

29 篇文章

订阅专栏

本文介绍了如何在web开发中引用Google Font Library，特别是针对需要加载Lato字体的情况。通过在HTML头部添加特定链接，可以实现外部字体的无缝集成，提升网页视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引用Google font library方法：

解决问题：国外的服务器，网页要引用Google font ，lato字体

引用方法：

1、在html网页头部加入

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

2、在css描述的地方加入对字体的描述

.desDiv{

color: #22a2a1;
font-family: Lato;
font-weight: 600;
font-size: 20px;
letter-spacing: 1px;
padding-top: 39px;
}
3、在实现网页的地方引用：
<div class="desDiv">引用Google font的地方，字体类型是lato，颜色color、大小font-size、加粗font-weight</div>
注意：
1、查看UI设计的界面时，UI里面的字体类型描述是lato，style是black和semibold，其实style是字体的加粗效果，
通过设置font-weight调节其粗细大小，对比UI查看界面的效果进行设置。
2、lato是一种字体，没有black和semibold的字体，只是字体大小的另一种描述。
3、使用Google Font Api来实现引用CSS字体的设置
http://www.w3cplus.com/css/how-to-use-google-font-api