Muse Typekit fonts

Question

Hello. I have a site that was created in Muse and loaded to Business Catalyst. The site uses a non web-safe font from Typekit and it was applied in Muse. You can see it here http://www.steelhaus.co.nz/
The font is not behaving so well in some browsers and I want to replace the Muse font stuff with my own @fontafce font system.
My question is, where are the Muse Typekit font files being held in BC? I can't find them anywhere. How is this working?
Any help greatly appreciated.
Grant

Answer 1

Hey Grant,
It's dependant on how the site is setup.  I haven't exported to BC from Muse but we need to figure out if each page on the site has the full webpage code or if the site is using Page Templates.  Go into your BC Admin and goto Site Manager > Page Templates and check to see if you have a default page template in there.  Click it to check out the page template and see if it resembles your website design.  If so, your site is likely using page templates.  If not, then each page on your site is not controlled by page templates so any changes made to the Muse Webfonts would have to be made on every single page of your site.
Here are the two sections of code that are either in your page templates and/or your actual web pages on BC.  Instead of removing them you could just comment them out.  The Muse webfonts use javascript to add the @font-face CSS declarations to your website.  If you edit the HTML source in your BC panel on a page or page template try to find these two blocks of code.  The first is the javascript calling for the font:
<script type="text/javascript">
    document.documentElement.className += ' js';
    var __adobewebfontsappname__ = "muse";
</script>
<script type="text/javascript">
    document.write('\x3Cscript src="' + (document.location.protocol == 'https:' ? 'https:' : 'http:')
    + '//webfonts.creativecloud.com/exo:n7,n4:all;asap:n4,n7:all.js" type="text/javascript">\x3C/script>');
</script>
And the next block of code is a stylesheet for IE:
<!--[if lt IE 9]>
  <link rel="stylesheet" type="text/css" href="/css/iefonts_gallery.css?4005734883"/>
<![endif]-->
I would do this on just one page first if the code is on every page and you aren't using templates.
Then, after you remove this code, add your own @font-face declarations to one of your stylesheets. 
The last step is to edit all your CSS files, namely: site_global.css, gallery.css and you need to remove the reference to the "exo" font in both those CSS files.  You can find and replace "font-family: exo, sans-serif;" and replace it with the font name from your @font-face rules.
At that point, you're all set but you'll need to remove the code above from every page before every page is set.  If you use templates, just remove the code above from your page templates if it's there.  The CSS, once you update them will affect all your pages once you upload or publish it on BC.