没啥意思的站点

font-face真好玩

firefox从3.5版本开始,已经支持font-face属性了.
这个属性是干吗用的呢?简单地说就是可以在客户端没有安装某个字体的时候,也显示出网页设计者指定的字体.
实现的过程,大概就是先在CSS里指定某个字体文件的路径,然后在浏览器打开页面的时候,临时下载此字体,再进行渲染.
如果你现在用的正是firefox3.5,那么你看到的本blog标题应该是这个样子的:
I_am_lazy_bones
如果看不到的话,赶紧升级浏览器去吧~
CSS的写法可以参照这里,我就不重复了.
另外,我用的字体来自UrbanFonts.com,这里有很多Free Fonts可用哦~
可以预见,以后肯定有越来越多的浏览器会支持此个性化的属性,以后的web也必将更加多姿多彩~

30 评论

  1. 终于看到传说中的“死人骨头“了,哈哈哈。

  2. 这个字体很有趣啊

  3. 呃..那个现在chromium还看不到呢

  4. 嗯,很有趣,还好不是中文的。

  5. 这个功能确实帅呆了……其实主要还是英文字体,感觉中文字体用处不大……

  6. 我ff3.5咋看起来没有这种效果呢?

  7. 特地开个3.5看下,真的是这样的~~~

  8. 鸡巴

  9. 除了IE8还不支持,FF SaFaRi OP的最新版本都支持了。

  10. 这个字体是有点阵和矢量之分的吗???
    我的默认宋体看起来是点阵,你的那个截图貌似是矢量的吧??

  11. 我用遨游+IE8可以看到啊~~

  12. 我也是FF3。5, 不过看起来一样的。。。

  13. N年前的IE不是就支持 font-face 属性了么? font-face font-size …

    • 呃。。。我不知道你看了文章没,我说的这个和你说的

      [ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ]

      显然不是一回事。

  14. 我在FF里能看到你的效果
    遨游和IE都不行
    可是我自己写了个例子http://17908.99rr.net/font/@font-face.html
    遨游和FF都能看到
    不知道是为什么
    (我是IE8)

发表评论