如何使用 Google Web Fonts?
来源:互联网 发布:淘宝详情页编辑 编辑:程序博客网 时间:2024/06/08 09:58
- 进入Google Web Fonts 主页:http://www.google.com/webfonts 点击“开始选择字体”;
- 从200+字体中选择想要的字体(可惜没有中文字体),选择“使用”;
- 设置你选择字体的样式和字符集;
- 把字体加到你的网站:
方法二:@import 式:@import url(http://fonts.googleapis.com/css?family=Comfortaa|Rosario);
方法三:js引入:
WebFontConfig = {
google: { families: [ 'Comfortaa:latin', 'Rosario:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
了解更多
使用 Google Fonts 为网页添加美观字体
http://www.ibm.com/developerworks/cn/web/1505_zhangyan_googlefont/
0 0
- 如何使用 Google Web Fonts?
- 如何使用Google Fonts的360镜像给WordPress网站提
- 3.11 如何让app使用icon fonts
- 使用 Google Fonts 为网页添加美观字体
- Google Fonts Sass Mixin
- 超棒的Google web字体查询工具 - Best Web Fonts
- Google Fonts导致WordPress 速度变慢
- 手动屏蔽google的fonts api
- 谷歌免费字体----Google Fonts
- fonts
- 如何使用Google解决问题
- 如何使用google解决问题
- 如何使用google解决问题
- 如何使用google解决问题
- 如何使用google code
- 如何使用 Google
- 如何使用google code
- 如何高效使用Google
- STL空间配置器(一)
- 润乾报表使用记
- Selenium启动Chrome时,加载用户配置文件
- Shortest Proper Prefix
- Http响应码及其含义
- 如何使用 Google Web Fonts?
- JavaWeb——文件上传和下载
- 关于input标签的一些常识
- CCF 窗口
- 移动前端开发之viewport的深入理解
- maven加载oracle驱动问题
- 自定义滑杆遇到的两侧圆角的问题
- 字符编码笔记:ASCII,Unicode和UTF-8
- 在Windows上安装FFmpeg程序