网页开发导入谷歌字体最全教程


Updated on: May 19, 2020 in Html&Css by

首先去https://fonts.google.com/下载字体,比方说选择roboto,点进去,

选择字体的粗细种类,选择这个类型,下载。

在css根目录,创建fonts文件夹,将下载的font复制进去。

然后在css文件夹,创建fonts.css文件。

在里面通过@font-face导入字体,

在你主要的css文件里,通过@import导入fonts.css文件。

然后你就可以使用了!

在使用的时候,比方说给h1加个font-family,你可以这样写:

h1 {font-family:”roboto”,sans-serif};

sans-serif是指没有衬线的字体,serif是指有衬线的字体。