P.S. Century gothic should be a universal font on pretty much all computers and recognized by all browsers. This seems to be an issue with how a mobile browser renders fonts. I have tried silly things like capitalizing century gothic or writing it with quote marks like this: ‘Century Gothic’ … as written in my CSS file. Ugh. Thanks for any feedback.
Is there someone available who can respond to my question? My blog design is very basic, but the mobile browsers aren’t capturing the correct font in my CSS for my post titles, page-nav number links at the bottom, and the navigation links at the top right. I’m really not sure how to address this problem and would welcome some input.
Thank you.
Hello MainMoose,
I encountered a similar issue recently. I believe this is because Century Gothic, while included on most Windows machines and Macs, is not part of the default installation on Apple’s iPhone/iPad operating system.
After looking into this, I think that Futura is the closest font for iPad/iPhone in terms of style. If you stack it after century gothic (i.e. font-family: century gothic, futura, sans serif; etc. in your .css file you should get something that looks closer to the original.
Good luck!
I
Thanks so much for your reply. After some of my own research and wading through a ton of things I didn’t understand, I finally determined the same thing. Sadly, IOS doesn’t recognize Century Gothic, which is too bad since it’s such a great font. I’ve decided to switch back to Google Fonts. I was concerned about it slowing things down, but my site is going to be really light on bells and whistles, so hopefully this won’t be a problem. But thanks again for your reply. It sure is difficult getting a response in this forum.
I’m having a similar issue, MainMoose. Century Gothic is amazing! So did you wind up going with Google Fonts? I’m trying to figure out what to do with my nav bar situation 🙁
@pamr: Please post a new topic.
