码迷,mamicode.com
首页 > Windows程序 > 详细

Google 字体API的基本使用

时间:2016-10-08 13:21:31      阅读:277      评论:0      收藏:0      [点我收藏+]

标签:

一、链接CSS文件直接使用;

基本上你链接直接在Google.com上的CSS文件。通过网址参数,你可以选择你想要的字体,以及这些字体的变化。

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans">
body {
	font-family: ‘Tangerine‘, ‘Inconsolata‘, ‘Droid Sans‘, serif;
	font-size: 48px;
}

二、使用JS加载字体库

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script type="text/javascript">
    WebFont.load({
        google: {
            families: [‘Cantarell‘]
        }
    });
</script>
<style type="text/css"> 
    .box{font-family:‘Cantarell‘;}
</style>

参考:https://css-tricks.com/snippets/css/basics-of-google-font-api/

Google 字体API的基本使用

标签:

原文地址:http://www.cnblogs.com/jone-chen/p/5937996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!