Google 字体库
字体库
Get Started
- Standard方法
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Font+Name">
.css-selector {
font-family: 'Font Name', serif;
}
- import方法
@import url('https://fonts.googleapis.com/css?family=Montserrat');
.css-selector {
font-family: 'Montserrat', serif;
}
- 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
网友评论