SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2010
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    iphone now loading custom web fonts

    Apparently Apple iPhone is a crank with @Fontface and loading custom fonts (generated by FontSquirrel).

    My custom font loads on Safari and Chrom desktop browsers but not iphone.

    I read that I should look at the font name in Fontbook but I don't know what to do with it. I'm building a simple website not a XCode app.

    Here's my font declaration:


    @font-face {
    font-family: 'mission_gothicregular';
    src: url('../font/mission_gothic/mission_gothic_regular-webfont.eot');
    src: url('../font/mission_gothic/mission_gothic_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/mission_gothic/mission_gothic_regular-webfont.woff') format('woff'),
    url('../font/mission_gothic/mission_gothic_regular-webfont.ttf') format('truetype'),
    url('../font/mission_gothic/mission_gothic_regular-webfont.svg#mission_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    This font loads on desktop (on desktop and when loaded on my server) but does not load on my iphone.

    Here's the info from Apple Fontbook:

    Mission Gothic Regular Regular
    Mission Gothic Regular Regular, 18 pt.

    PostScript name MissionGothic-Regular
    Full name Mission Gothic Regular Regular
    Family Mission Gothic
    Style Regular
    Kind TrueType
    Language Albanian, Basque, Cornish, Danish, Dutch, English, Faroese, French, Galician, German, Icelandic, Indonesian, Irish, Italian, Malay, Manx, Norwegian Bokmål, Norwegian Nynorsk, Oromo, Portuguese, Somali, Spanish, Swahili, Swedish
    Version Version 1.000
    Location /Users/cwebba/Library/Fonts/mission_gothic_regular-webfont.ttf
    Unique name JamesT.Edmondson: Mission Gothic Regular: 2013
    Copyright Copyright (c) 2013 by James T. Edmondson. All rights reserved.
    Trademark Mission Gothic Regular is a trademark of James T. Edmondson.
    Description Copyright (c) 2013 by James T. Edmondson. All rights reserved.
    Enabled Yes
    Duplicate No
    Copy protected No
    Embeddable Yes


    The XCode clues online indicate that I should use the
    "PostScript name MissionGothic-Regular" name. Does this apply to simple websites? How?

    Any clues how to get iphone up to speed?

    Thank you in advance.


    @webba1

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,175
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by CWebba1 View Post
    Apparently Apple iPhone is a crank with @Fontface and loading custom fonts (generated by FontSquirrel).
    They always work fine for me. Can you post a link?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •