-
Posts
-
I have a TypeKit font being used for headings, and it looks great…except for on mobile devices. See the screen shot. The site is janellrardon.com.
Hi there,
Thanks for writing in!
Typekit fonts are not working for me on desktops too (see: http://prntscr.com/ar9mwt). It seems the font is installed in your desktop system that’s why the website is showing it correctly. However, it’s not installed as there is a Typekit JS error in your site (see: http://prntscr.com/ar9ncc). Please make sure you are adding the correct Kit ID under your Typekit extension settings.
Thank you!
Okay. It’s working now, but there’s at least a 2-second delay in loading the site because of it. Can that be fixed?
Hi again,
One simple solution for improving site speed is using a CDN, and that’s no different for fonts. It’s important to ensure the CDN has proper CORS settings. You can also refer to this site https://css-tricks.com/preventing-the-performance-hit-from-custom-fonts/
Hope this helps!
Never mind. I figured it out. I had the wrong domain in my TypeKit kit ID. Everything is working splendidly now.
- <script> jQuery(function($){ $("#no-reply-877438 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
