V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Kaiyuan
V2EX  ›  字体排印

Web font 的使用问题和字体的选择。

  •  
  •   Kaiyuan · 2012-01-10 04:55:03 +08:00 · 6271 次点击
    这是一个创建于 4702 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近在找Web font,开始是在MyFonts上直接下载字体的Web font版的文件。
    发现google的全部字体都在chrome下发虚,后来就找到
    Adelle Web https://typekit.com/fonts/adelle-web


    同时找到Typekit上的Museo https://typekit.com/fonts/museo 和 Angie STD Sans https://typekit.com/fonts/angie-std-sans 效果都不错,但那是Typekit的服务不怎么好用,在内地访问内地的速度很慢而且调整也不好调整,不支持本地站点只能在设定的网站直接调整。免费帐户可以在一个站点上最多使用两款字体。
    而现在只有Typekit能提供Adelle Web。很无奈。

    不知道大家用到Web font时候用什么方式?
    3 条回复    1970-01-01 08:00:00 +08:00
    sparanoid
        1
    sparanoid  
    MOD
       2012-01-10 09:55:15 +08:00
    1. 用 WebFont Loader: https://github.com/typekit/webfontloader
    不要参考 Google Code 上的那个文档,它里面的代码稍微有点问题。WebFont Loader 支持第三方字体,文档里面有例子。这种载入方法可以解决字体未载入完成时的 FOUT(Flash of unstyled text)问题。具体可以参考 Paul Irish 的几篇文章。Typekit 用的就是这种方法。(Typekit 的具体做法是把字体直接 base64 在 CSS 里面)

    2. 如果字体体积小数量少,可以考虑直接 @font-face 载入,只在标题上应用的话问题不大

    注:Typekit 用的是 EdgeCast 的 CDN,在国内的速度算是不错的了,如果觉得慢可以试试自己反向代理(未测试)
    Kaiyuan
        2
    Kaiyuan  
    OP
       2012-01-11 21:49:56 +08:00
    @sparanoid 主要是typekit在内地延时太高。http快一点,https的话就Resolve达到4位数。不过奇怪的是用了webfontloader则瞬间载入完成。
    Kaiyuan
        3
    Kaiyuan  
    OP
       2012-01-11 22:23:15 +08:00
    原来瞬间载入是因为我开了VPN。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2812 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 07:35 · PVG 15:35 · LAX 23:35 · JFK 02:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.