首页 > 代码库 > Google 字体API的基本使用
Google 字体API的基本使用
一、链接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的基本使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。