I’ve been quickly messing around with adding some Typekit fonts to Enfold (Integrated via the ‘Typekit for WordPress Plugin’)
They’re loading great on desktop, but the headings appear to be degrading back to Open Sans on my mobile (iPhone 4S running iOS 6.1.3).
Are there two different stylesheets? Desktop vs. Mobile
Outside of that issue, also seems like it’s going to be a lot of CSS work to properly display Typekit fonts as opposed to the provided Google options. Any suggestions or recommendations?
Also, some odd font features in general… like majority of the Open Sans is set to a letter-spacing of 1px… other fonts may not look as good with that type of spacing… any way to quickly remedy those quirks when going to other fonts… in my preferred case Typekit.
I’m using a test site right now at: http://dev5.marktillmandesign.com
Just minor font thoughts… all in all, I’m loving the flexibility of this theme thus far!
There are media queries within the css files but nothing that would change the font like that as far as I know. The only thing I can think of is something with the plugin that may not be giving the font settings proper priority or something with the phone specifically that would prevent it from displaying the other font.
Sorry for delay… mobile not rendering fonts was solved by simply adding !important to css.
Lot of mark-up required to add the typekit stuff to my liking… but the clean code is helping immensely.
Really impressed with this theme thus far, but just getting started with manipulating it.
Thanks for response Devin!
The topic ‘Typekit Fonts not loading on Mobile’ is closed to new replies.