My specified font (Century Gothic) renders as Helvetica in mobile tests (my iPhone). How can I fix it?

  • 1
  • 1
  • Question
  • Updated 3 years ago
  • Answered
Century Gothic is the specified font in my mobile template, and it looks great in my web browser (Firefox 34.0.5) but it renders as Helvetica when I test send to my iPhone (iOS 7.0.4). Is there a way to fix this?
Photo of Garden Variety Designs

Garden Variety Designs

  • 8 Posts
  • 1 Reply Like

Posted 4 years ago

  • 1
  • 1
Photo of Paul Zimmerman-Clayton

Paul Zimmerman-Clayton, Official Rep

  • 400 Posts
  • 34 Reply Likes
Official Response
Hey there! Thanks for posting! Without looking at your code, I would guess that your specified font isn't appearing on your iPhone test mailings because Century Gothic isn't a font that's preinstalled in iOS 7. You can view a list of all iOS 7 preinstalled fonts here. Since the font is appearing in Firefox, but not in iOS, I would guess that you're properly using font stacks in your template, and things are working correctly. The different might be that Century Gothic is installed on your computer, just not on your phone. 

Even if you install Century Gothic on your iPhone, you can't be sure that your recipients will have it installed. This is where font stacks come in handy, since you can designate a secondary font that's preferable to Helvetica. A good resource on font stacks can be found here.

I hope this helps! If you have any more questions, please let me know!
Photo of Paul Zimmerman-Clayton

Paul Zimmerman-Clayton, Official Rep

  • 400 Posts
  • 34 Reply Likes
Official Response
Hey there! That support page has Century Gothic listed as a font that can be installed if necessary, but it doesn't come preinstalled in iOS 7. Using a font that's in the topmost list will be your best bet, since they will definitely render. You can also reference http://iosfonts.com/ for a quick overview of fonts that are available by default. Please let me know if you have any more questions!