注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

@从前有个T

weibo.com/sysutt

 
 
 

日志

 
 
 
 

在浏览器里嵌入自己的字体  

2013-02-28 00:52:29|  分类: CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

这几天无聊得蛋疼,对CSS3里面的@font-face发生了兴趣,这个东西是用来在网页里面嵌入自定义字体的,推荐只嵌入英文字体,中文字体的文件太大了。

当然也可以自己创建一个字体,字体文件里面只包含需要的文字,创建自己字体的工具可以看看这里的推荐:http://www.kuqin.com/artdesign/20111127/315463.html

 

使用font-face定义字体在操作上还是非常简单的,类似下面这样:

@font-face {

   font-family: 'rousseau';

   src: url('rousseau.eot');

   src: url('rousseau.eot?#iefix') format('embedded-opentype'),

        url('rousseau.woff') format('woff'),

    url('rousseau.ttf') format('truetype');

   font-weight: normal;

   font-style: normal;

}

我的写法参考了下面这个人的文章,代码里面很多具体的细节在这篇文章里都有说明:http://www.cnblogs.com/rubylouvre/archive/2011/06/19/2084875.html

不过他也是转的,不知道原始作者是谁。

 

根据这个文章的方法,我做了一个自定义字体的网页小时钟,猛击下面的链接可以看到效果。

效果演示:http://zhadui.me/web3/clock.html

  评论这张
 
阅读(273)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018