I am LAZY bones? AN ancient AND boring SITE
«
»

font-face真好玩

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

最后修改时间: 2009年07月24日 10:53

本文章发表于： 2009年07月24日 10:53 | 所属分类：备忘. | 您可以在此订阅本文章的所有评论. | 您也可以发表评论, 或从您的网站trackback.

30 个评论 关于： “font-face真好玩”

  1. TualatriX 在 2009年07月24日 10:59 说：【 回复 】

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

  2. young001 在 2009年07月24日 11:01 说：【 回复 】

    这个字体很有趣啊

  3. xifs 在 2009年07月24日 11:05 说：【 回复 】

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

  4. wind 在 2009年07月24日 11:18 说：【 回复 】

    嗯，很有趣，还好不是中文的。

    • bones7456 在 2009年07月24日 11:22 说：【 回复 】

      哈哈,谁有兴趣开发一个软件,用于从指定字体里抓取指定的几个字的指定大小的字体,生成另外一个小的字体文件,中文就可以用了. 这个软件肯定有市场哦~

      • xifs 在 2009年07月25日 09:32 说：【 回复 】

        传说fontforge就可以吧..
        感觉做pdf的软件都能提取部分字体..

        • 邱焜 在 2009年07月28日 20:22 说：【 回复 】

          是啊，嵌入子集，这会掀起Mac（敲不死）之后又一次字体狂潮

  5. MeaCulpa 在 2009年07月24日 11:19 说：【 回复 】

    太酷了！

  6. abettor 在 2009年07月24日 11:30 说：【 回复 】

    赞！
    好东西！

    • abettor 在 2009年07月24日 11:32 说：【 回复 】

      激动之余，忘了提了，我有些安全方面的担心呀！

      • bones7456 在 2009年07月24日 11:53 说：【 回复 】

        你是指…字体里挂马?

        • xifs 在 2009年07月25日 09:28 说：【 回复 】

          如果有溢出漏洞的话应该也会成为被利用的对象

  7. Larry 在 2009年07月24日 11:46 说：【 回复 】

    COOL!

  8. Iven 在 2009年07月24日 11:54 说：【 回复 】

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

  9. muzuiget 在 2009年07月24日 13:06 说：【 回复 】

    果然酷啊。

  10. 竹影清风 在 2009年07月24日 15:25 说：【 回复 】

    这个字体很有型

  11. xiooli 在 2009年07月24日 15:25 说：【 回复 】

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

  12. 另外一根骨头 在 2009年07月24日 17:21 说：【 回复 】

    特地开个3.5看下，真的是这样的～～～

  13. 无聊人士 在 2009年07月24日 20:39 说：【 回复 】

    鸡巴

  14. yulangong 在 2009年07月31日 18:13 说：【 回复 】

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

    • bones7456 在 2009年08月01日 08:41 说：【 回复 】

      恩,这个以后应该会流行起来的,从此又多了个BS IE的理由了,哈哈…

  15. ROKR 在 2009年08月02日 21:31 说：【 回复 】

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

  16. Best BWH 在 2009年08月06日 18:25 说：【 回复 】

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

    • bones7456 在 2009年08月07日 09:48 说：【 回复 】

      遨游不是曾经说要搞双核心么?难道已经可用了?那倒也不错啊.

  17. firefoxmmx 在 2009年08月17日 10:59 说：【 回复 】

    我也是FF3。5， 不过看起来一样的。。。

  18. goodluck 在 2009年08月28日 11:18 说：【 回复 】

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

    • bones7456 在 2009年08月28日 11:43 说：【 回复 】

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

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

      显然不是一回事。

  19. momo's 在 2009年10月19日 18:03 说：【 回复 】

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

    • bones7456 在 2009年10月20日 11:19 说：【 回复 】

      这个。。难道是绝对路径和相对路径的问题？

发表评论