Kaiyuan

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

  •  
  •   Kaiyuan · Jan 10, 2012 · 6945 views
    This topic created in 5270 days ago, the information mentioned may be changed or developed.
    最近在找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 replies    1970-01-01 08:00:00 +08:00
    sparanoid
        1
    sparanoid  
       Jan 10, 2012
    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
       Jan 11, 2012
    @sparanoid 主要是typekit在内地延时太高。http快一点,https的话就Resolve达到4位数。不过奇怪的是用了webfontloader则瞬间载入完成。
    Kaiyuan
        3
    Kaiyuan  
    OP
       Jan 11, 2012
    原来瞬间载入是因为我开了VPN。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3331 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 11:47 · PVG 19:47 · LAX 04:47 · JFK 07:47
    ♥ Do have faith in what you're doing.