使用谷歌字体的字体用简单的方法来添加到您的网站
2013-01-09 17:15
344 查看
很长一段时间,网站的开发受到影响,因为他们的资源,他们只能使用少数几种字体。但是,现在谷歌推出新的Web服务“谷歌网页字体”。该服务允许您使用不同的字体在您的网站从谷歌的可能性。使用的字体,没有任何限制。
下面是一个简短的描述,你如何能做到在几个步骤:
然后,你需要添加“/”的标签,以避免在HTML验证错误。因此,它应该是:
上面的代码复制,并把它这样的标签<HEAD>后:
下面是一个简短的描述,你如何能做到在几个步骤:
选择字体
要做到这一点,打开谷歌http://www.google.com/webfonts,选择一个你喜欢的。获取所选择的字体代码
在这个例子中,将使用“Eater”字体。要获得该字体的代码,你需要在打开的页面这样做:然后,你需要添加“/”的标签,以避免在HTML验证错误。因此,它应该是:
<link href='http://fonts.googleapis.com/css?family=Eater' rel='stylesheet' type='text/css' />
上面的代码复制,并把它这样的标签<HEAD>后:
<head> <link href='http://fonts.googleapis.com/css?family=Eater' rel='stylesheet' type='text/css'/> ... <!-- other HTML code --> ...
将CSS代码添加到您的网页
现在你可以使用这个字体在CSS中设置属性“字体家庭”。例如,如果你想所有的第一级标题的字体,你必须添加以下CSS样式:h1 { font-family: 'Eater', cursive; }
相关文章推荐
- MFC中button控件背景色和字体的设置,或者可以采用添加背景图片的方法;已验证有效MFC其他的简单使用使用
- 七种添加网站链接的简单方法
- iOS 给【控制器添加统计】的简单、使用方法
- 谷歌Analytics添加到您的SharePoint 2010网站的2种方法
- iconfont字体图标的使用方法--超简单! 我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以
- 简单使用Google*谷歌搜索和gmail的方法
- 使用laravel开发网站时,如何实现前端导航栏共享数据二种简单的方法
- java使用正则表达为数字添加千位符的简单方法
- Windows 8系统默认开启的.Net Framework版本是4.0,而部分用户可能需要使用到3.5或以下版本,简单添加方法
- maven的简单使用方法,添加公共jar和第三方jar包
- 使用ATL创建简单ActiveX控件(二) —— 添加方法/属性和枚举
- IOS-SegmentedControl(添加到Nav上)的简单使用方法
- 七种添加网站链接的简单方法
- 网站首页添加缓存--------ehcache的简单使用
- 解决openstack 的 dashboard 使用了google 字体, 导致网站访问速度慢
- virtualenv的简单使用方法
- Aspose.Cells使用方法大全(基本操作+转换+导出+水印添加+工作表合并)
- 索引 视图 存储过程和函数 简单理解 以及使用创建方法