css - Using @font-face slows load time. Can I force the client to cache the font? -


Update: The header request information is delinquent; I request the maximum of the header of the header How will I change the property? TIA


Hi, I am using @ font-face on the website and I am facing a delayed load of text (maybe due to the font being loaded on every page) I understand I want to download the font to display the client properly, but every page?

Is there any way that I can force the browser to cache that file? Or is there another option to speed up the loading time of the font? (Is this more appropriate to post a question?)

Thank you in advance, the worst case, I'll be with the delay, so I do not need any "font-slit off font-face" answer Additional information:

  • I have both Safari (4) and Firefox on Mac and Windows (XP and 7) (3.5 RC1)
  • I have checked the current caching permissions on all browsers (This is by default)
  • The URL not is dynamic, it's just "/ fonts / font. Otf "
  • The font URL is correct, because the page loads the font and displays it correctly, still the slowest normal
  • the request header: < / P>

    Cash - Control: Maximum Age = 0
    If-Modified-Since: Mercury, 24 Jun 2009 03:46:28 GMT
    If- No Match: W / "484d9f2-a5ac -46d10ff2ebcc0 "
    Referrer:
    User-agent: MO Black / 5.0 (Macintosh; U. Intel Mac OS X 10_6; N-U) Apple WebKat / 530.13 (KHML, GECO) version / 4.0 Safari / 530.15

  • Response header :

    Connection: Elive / Date: Thursday, June 25, 2009 02:21:31 GMT Attag: "484D9F2-A5C-46D10FMbCC02" Keep Elive: Timeout = 10 , Max = 2 9 = Server: Apache / 2.2.11 (Unix) mod_ssl / 2.2.11 OpenSSL / 0.9.8i DAV / 2 mod_auth_passthrough / 2.1 mod_bwlimited / 1.4 FrontPage / 5.0.2.2635

You can not force the browser to cache something, encourage it only, I can not think of any reason because there will not be a font file cache with the correct ending header which brings us to:

  • This is a browser bug (you do not say which browser is)
  • Your cache control header is missing or false
  • Not too cash to con (Cache the image?)
  • Your font URL is dynamic, therefore the browser thinks each request is for a different resource
  • The font face file is actually unavailable or Url missile pelt
  • Font download is not delayed (You said that you

    Edit: A server and language specific thing to set up cache control. For information about caching in Apache, see.


Comments