Google 字体库

字体库

Get Started

1. Standard方法

• 通过发送请求引入字体样式

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

• 设置请求的样式字体到指定的选择器

.css-selector {
  font-family: 'Font Name', serif;
}

2. import方法

• 如果使用less需要在末尾加入&.css

@import url('https://fonts.googleapis.com/css?family=Montserrat');

• 设置请求的样式字体到指定的选择器

.css-selector {
  font-family: 'Montserrat', serif;
}

3. font effect(特殊效果)

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple">

<div class="font-effect-shadow-multiple">This is a font effect!<div>

官方文档

Google Font