我的博客| Blog
- ·微信小程序错误:VM564:...
- ·mongodb3.2设置密码...
- ·单行滚动代码-单行滚动效果
- ·自己动手制作图形字体,以便于...
- ·MySQL无限级分类PHP按...
- ·Windows下的Apach...
- ·如何将网站上的文章分享到微信...
- ·PHP实现自动获取本月第几个...
联系我| Contact Me
- 电话:18681257080
- QQ:271538869
- 邮编:518020
- 信箱:service@08321.org
- 地址:四川省内江市资中县
诚信稳健,和谐共赢
- 以诚信为立世之本,在稳健的基础上,不断寻求创新与突破。
- 以务实严谨、精微细致的专业精神,为客户做最优质的策划,实现效果最大化。
成功,依稀可见
- 成功是什么?
- 做成一件达到目的的事,你就获得了一个小成功,小成功可以累积成更大的成功。每一人都有成功的机会。所以:成功,依稀可见!
我的博客
GOOGLE在线字体全面解决网页特殊字体难题
来源:本站编辑 发布日期:2012-11-30 已有 人浏览过此信息
GOOGLE在线字体全面解决网页使用特殊字体难题
相信每个网页设计师一说到字体就头疼,效果好点吧。很多访客的机器上没装漂亮的字体。效果不好吧,客户不认同。 现在用得最多的中文字体应该算宋体和黑体了,英文字体应该是Verdana,Arial等,因为这是每台机器上都装有的默认字体。所以才能正常显示。
目前要做漂亮字体通常只能用图片形式,将字体做好,导出成图片放在网页上面。悲剧。
不过,今天我发现一个好东东——GOOGLE大神。
GOOGLE大神再一次大显神威为广大网民造福,提供了免费的GOOGLE在线字体服务,网址是:http://code.google.com/webfonts。里面包含了许多漂亮的英文字体,调用也极为简单。
选择好你想要的字体,点 "Add to Collection" 再点最下边的 "Use",下边有详细的调用方法说明。
一、选择字体
二、选择好编码格式,建议使用默认。
三、在网页head部分加入
<link href='http://fonts.googleapis.com/css?family=Sacramento|Croissant+One' rel='stylesheet' type='text/css'>
注:选择了多个字体用 | 线隔开。
四、修改CSS样式,在调用本次所选字体的地方使用样式:
font-family: 'Sacramento', cursive;
font-family: 'Croissant One', cursive; 即可。
Google 目前提供的字体共有十八种,均为目前比较流行的免费字体。
相信每个网页设计师一说到字体就头疼,效果好点吧。很多访客的机器上没装漂亮的字体。效果不好吧,客户不认同。 现在用得最多的中文字体应该算宋体和黑体了,英文字体应该是Verdana,Arial等,因为这是每台机器上都装有的默认字体。所以才能正常显示。
目前要做漂亮字体通常只能用图片形式,将字体做好,导出成图片放在网页上面。悲剧。
不过,今天我发现一个好东东——GOOGLE大神。
GOOGLE大神再一次大显神威为广大网民造福,提供了免费的GOOGLE在线字体服务,网址是:http://code.google.com/webfonts。里面包含了许多漂亮的英文字体,调用也极为简单。
选择好你想要的字体,点 "Add to Collection" 再点最下边的 "Use",下边有详细的调用方法说明。
一、选择字体
二、选择好编码格式,建议使用默认。
三、在网页head部分加入
<link href='http://fonts.googleapis.com/css?family=Sacramento|Croissant+One' rel='stylesheet' type='text/css'>
注:选择了多个字体用 | 线隔开。
四、修改CSS样式,在调用本次所选字体的地方使用样式:
font-family: 'Sacramento', cursive;
font-family: 'Croissant One', cursive; 即可。
Google 目前提供的字体共有十八种,均为目前比较流行的免费字体。