Muse cc2014 non edge typekit fonts

Hi, im having an issue with Muse CC 2014 and Typekit.
I have installed a non-edge webfont on my muse site but my site is still exporting these fonts as an image. I followed the instructions here on how to do this http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html.
When i past the typekit java script in to my page properties > html for <head>. the script it is putting itself at the bottom of my header tags, the instructions state that it should sit at the top, so i'm guessing this is the issue. but i don't know how do I fix this?
In stage 4 of the instructions it states - " Now simply go to the Edit menu in Muse, and paste. When you paste, Muse will create an HTML page item on the page, move that item to the top of the page, like so:
But this does not happen.
Any ideas?
The page having issues with can be viewed here Chop Block Steak and Burger Restaurant ChelmsfordHome
Thanks

Hi Steve,
I'm sorry you ran into trouble here. Placing the embed code at the bottom of the <head> will work fine. That shouldn't cause the fonts to show up as images. This is caused by a setting in Muse:
In Muse, you can use fonts in 3 ways:
1. Web fonts (from Edge Web Fonts)
2. Web safe fonts (fonts installed on almost every computer in the world)
3. Fonts installed on your machine (which will be exported as images since they aren't installed on other people's machines.)
So, if you're using 3. Muse will export them as images. You'll want to select 2. and use web safe fonts when exporting. Then it won't create images for the fonts. You can then switch the font to a Typekit font in CSS.
I hope this helps. Let me know if you have any further questions.
Cheers,
Benjamin

Similar Messages

How do I use Edge Web Fonts with Muse?

How do I use Edge Web Fonts with Muse - is it an update to load, a stand alone, how does it interface with Muse? I've updated to CC but have no info on this.

Hello,
Is there a reason why you want to use Edge Web Fonts with Adobe Muse?
Assuming you wish to improve typography of your web pages, you should know that Muse is fully integrated with Typekit. This allows you to access and apply over 500 web fonts from within Muse. Here's how you do it:
Select a text component within Muse, and click the Text drop-down.
Select Add Web Fonts option, to pop-open the Add Web Fonts dialog.
Browse and apply fonts per your design needs.
Muse also allows you to create paragraph styles that you can save and apply to chunks of text, a la InDesign. Watch this video for more information: http://tv.adobe.com/watch/muse-feature-tour/using-typekit-with-adobe-muse/
Also take a look at these help files to see if they help you:
http://helpx.adobe.com/muse/tutorials/typography-muse-part-1.html
http://helpx.adobe.com/muse/tutorials/typography-muse-part-2.html
http://helpx.adobe.com/muse/tutorials/typography-muse-part-3.html
Hope this helps!
Regards,
Suhas Yogin

How do you add/use typekit fonts that are not edge web fonts?

I am just trying out the new Muse CC 2014.1 (August) release and was keen to try the new font facilities. As far as I can see that while I can now add other fonts for which I have downloaded web font files via the Self Hosted Web Fonts function, Typekit fonts that are not "Adobe Edge Web Fonts" are effectively unavailable? Have I missed something.
As an example I want to use the Proxima Nova web font family. I have selected it on the type kit site, set them up to Sync via my Creative Cloud account. So for example if I select a font in Photoshop CC or Illustrator, the Proxima Nova fonts appear. Even ok in Word for Mac. They do not appear in Muse.
To add them as self hosted web fonts, I would need to physically download the relevant fonts files and install them on my desktop using the OS-X font tool. However as they are being sync'd via Creative Cloud this shouldn't be necessary should it? Also I don't see an option for doing so on the typekit site.
Any help or guidance would be very welcome.
PS: I seem to have a separate issue with the Creative Cloud app, which is not listing fonts under the Assets tab. But I don't think that is related as they are working fine for Photoshop, etc.

Hi David,
I'm sorry that you ran into trouble with this. To add fonts from Typekit to your Muse website, you will want to use the web fonts path instead of desktop fonts. (You can use a desktop font synced from Typekit in your Muse design, but it will exported as an image the same as any other system font.)
There are a couple options for using Typekit web fonts in Muse:
o) The Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
o) Or you can add the embed code to the Page Properties dialog within Muse, which will include it in the <head> of the page when you export your website. The steps are the same as this tutorial, but you will add the Typekit embed code to Muse instead of into your page directly:
TYPEKIT | Adding fonts to your site
Note that in either case the Typekit fonts will not be displayed in the Muse preview window. You'll need to publish your site to a server in order for the Typekit fonts to be loaded into the page.
If those look like more coding that you are comfortable with, you might try one of the fonts which you can select from the font menu instead. Here are some that are similar to :
https://edgewebfonts.adobe.com/fonts#/?xHeight=high&contrast=low&class=sans-serif&width=re gular
We are also working on a more complete integration of Typekit with Muse in the future, but I can't say yet when that will be available.
>> PS: I seem to have a separate issue with the Creative Cloud app, which is not listing fonts under the Assets tab. But I don't think that is related as they are working fine for Photoshop, etc.
Do you see a "loading" icon in the tab (e.g. a blue spinner wheel)? It sounds similar to this thread; you might try these suggestions:
Re: Adobe Creative Cloud / Desktop App / Home Screen: Constant Spinning Wheel
I hope that this helps; let me know if you have any other questions. Best,
-- liz

Hi, I'd like to add some typekit fonts to my Muse site but- ?

I know this website:
How to add Typekit fonts to your Muse site
from Muse Insider,
but it totally doesn't work for me, I tried a lot of times and I don't know what I'm doing wrong (I know that I have to publish the site first to see the added font but it still doesn't work ) I'm really confused, please help! (the fonts I want to add is Brandon Grotesque, Activ Grotesque).
Looking forward to hearing from you soon...
thanks,
Karolina

I was pretty disappointed to find out Muse didn't support the full Typekit library when Typekit became available to Creative Cloud members. It's clearly one of the biggest drawbacks in a Muse vs. Dreamweaver comparison. There are hacks available to incorporate Typekit fonts into Muse, but the "how to" procedures are not very user friendly. Muse Themes has a Full Typekit widget, but even it's not all that easy to use. They have a nearly 9 minute long video on their website describing the procedure.
Adobe Muse Full Typekit Library Widget | MuseThemes.com
Additionally, I was pretty disappointed by the number of typefaces in Typekit that were web only (such as Brandon Grotesk) or had only one or two of several font weight available for the desktop/print version (such as Trajan Pro and Trajan Sans Pro).
As a consequence, I haven't messed with Typekit very much and honestly don't find a lot of value with it -at least not much of the access being blocked. So I'm still looking out for new fonts at bargain introductory pricing at sites like MyFonts or keeping an eye at some free sites like Font Squirrel.
Incidentally, the "Edge" fonts in Muse pale in comparison just with what's available for free at Font Squirrel. Within Muse you'll get a pretty limited number of weight/style choices with the Edge fonts. At Font Squirrel some of those same fonts have many more styles/weights available to them.
In the end, it's just a whole lot faster and easier to either buy or legally acquire web fonts either through pay sites like MyFonts or free sites like Font Squirrel and end up with the system and web fonts you can use on your computer in Muse without any crazy code hacks.

Muse Typekit fonts

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

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:

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.

How to add typekit fonts to muse.

Hello I am currently trying to add font from typekit to my muse site. I am using a font that is not included in muse but from the typekit website. I changed my paragraph style name, and also the selector in type kit, published my kit, and I inserted the code on the top of my website. Could someone please help? Im uploading the site to business catalyst but Its not changing the font.

Hi,
To add the typekit fonts that are not listed in Muse, you must follow the standard code embedding procedure suggested by typekit here, http://help.typekit.com/customer/portal/articles/6780-adding-fonts-to-your-site
I see that you have inserted the typekit JS as HTML on the page. You should consider adding the same to the head section of the page. For that go to the Page Properties -> Metadata -> HTML for <head>, and add it there.
As far as the adding the edge is concerned I see that there is an Iframe on the page trying to load the banner.html which is not there on the root.
I'm assuming that's the Edge project you are referring to. Try to upload the banner.html on the root level on the server and let me know how that goes.
Regards,
Abhishek Maurya

How do I use Typekit fonts within Edge Animate

I have applied a 'Pragmatica' Typekit font to a website. I'm using Edge animate to construct some pages and within these pages want to add Type; however, Edge Fonts does not include the Typekit font 'Pragmatica' and the instruction for the page to use Typekit seems not to filter through into the Edge animate section .... is there a way round this?

Hi, Trimmertop-
When you open up the Web Fonts viewer, you will see Edge Web Fonts by default. However, there is a tab next to it that says "Custom." You can stick in your kit code in that location.
-Elaine

Pls help - How can I add a typekit font to muse?

As Muse doesn't come with all typekit fonts already included in the dropdown list of webfonts, I'd like to know how I can add a typekit font to the dropdown menu so I can use it for my website. I have Adobe creative cloud membership.
I've searched the whole of the web and can't find anything about this at all - only about adding one of the existing muse typekit fonts which I already know how to do.
Why doesn't Adobe include all typekit fonts with Muse when you're already a full creative cloud subscriber?

Done!
Date: Thu, 20 Dec 2012 03:13:17 -0700
From: [email protected]
To: [email protected]
Subject: Pls help - How can I add a typekit font to muse?
    Re: Pls help - How can I add a typekit font to muse?
    created by morgan_in_london in Help with using Adobe Muse - View the full discussion
You're very welcome - can I be cheeky and ask for a "correct answer" to be noted? :^D
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4935814#4935814
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4935814#4935814
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4935814#4935814. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Help with using Adobe Muse by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Typekit fonts are not working after updating to Muse CC 2014

I had updated to Adobe Muse CC 2014 just recently. The first few times I used it on my muse file, it was fine. This morning when I opened the file, the text boxes using Typekit fonts blew out of proportion. I have not edited the file at all, just opened it. My site is a mess. Any idea what happened? The font I am using is Source Sans Pro.
My live site is here: www.goodseed.com
But see how it looks now in Muse:

Hi,
Please see Re: Source Sans Pro not displaying in 'Design' mode
Thanks,
Abhishek

Adobe Muse, using an adobe edge web font but having a problem with Google Chrome

I have created a website with Adobe Muse and I am using an adobe edge web font that looks great on all browsers except for google Chrome... On chrome the font looks fuzzy and broken-up. Is there a way to fix this??? Thanks.

This is the error:
Add-ons: {d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d}:1.3.3,{097d3191-e6fa-4728-9826-b533d755359d}:0.7.12,[email protected]:1.2,{d40f5e7b-d2cf-4856-b441-cc613eeffbe3}:1.48.3,{CE6E6E3B-84DD-4cac-9F63-8D2AE4F30A4B}:3.2,{3112ca9c-de6d-4884-a869-9855de68056c}:7.1.20101113Mb1,[email protected]:1.72.0,[email protected]:1.2,{36450ee9-67e2-46a0-8a90-eabde5d74e28}:1.300.306,[email protected]:2.2.0,[email protected]:3.60,{29c4afe1-db19-4298-8785-fcc94d1d6c1d}:0.6.2009110501,[email protected]:1.6,[email protected]:1.1.3,vshare@toolbar:1.0.0,{972ce4c6-7e08-4474-a285-3208198ce6fd}:3.6.13
BuildID: 20101203074432
CrashTime: 1298598340
EMCheckCompatibility: true
Email:
FramePoisonBase: 00000000f0dea000
FramePoisonSize: 4096
InstallTime: 1291988448
ProductName: Firefox
ReleaseChannel: release
SecondsSinceLastCrash: 6558
StartupTime: 1298598134
Theme: classic/1.0
Throttleable: 1
URL: https://mail.google.com/mail/?shva=1#inbox
Vendor: Mozilla
Version: 3.6.13
This report also contains technical information about the state of the application when it crashed.

Can't get TypeKit fonts to work in Adobe Muse!

HI there!
Just wondering if anybody new how to get purchased fonts from TypeKit to work as HTML in Adobe Muse?
I have tried following the link below but when I go to publish my site the text is still all images.
Problem is I know nothing about code but this seemed pretty straight forward to follow but don't seem
to be getting any luck with it.
I was trying to use the font 'Museo Sans Rounded' and I was told to try maybe other fonts which I did and
also they did not work, but If I just take a font from within the Adobe Muse/TypeKit 'Web Fonts' then this works.
Please could someone explain to me if I'm doing something wrong or if there is a better way of acheiving this?
Many thanks
Darren
www.segmentdesign.co.uk
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html

Hi Liz,
Many thanks for getting back to me.
Below are the screen shots of me:
1. Going into Typekit
2. Selecting chosen ‘Kit’ and checking that the font ‘Museo Sans Rounded’ is WEB SAFE.
3. Launching ‘Kit Editor’ and setting the ’Selectors’ > ‘.body’ & ‘.header’ > ‘PUBLISH’
4. Then I go into Muse and select the ’header' font e.g. I’m a freelance graphic designer &
illustrator based in Bristol.’ then go to ‘Paragraph styles and highlight ‘header’. I then PUBLISH
my site only for it to still be an image.
Am I doing this correctly?
How do I get the ‘Museo Sans Rounded’ web safe font from Typekit into the window e.g. your screen grab?
I will have a go at putting Arial font into title and then see what happens from there!
Many thanks
Darren
SegmentDesign™
Darren James
Freelance Graphic Designer & Illustrator
07983 547 028
[email protected]
segmentdesign.co.uk
 > & illustrator based in Bristol" ?
Instead of choosing a system from the font menu, please try selecting one of the "web safe" fonts that are built into Muse, such as Arial. When you re-publish your site, you should see regular text again instead of the images.
2) using the font from Typekit
Once you have text showing up instead of images, we can work on applying the Typekit fonts.
The kit that you are currently using in your site (ID bnb1odj) doesn't include the font Museo Sans Rounded. Would you please check in your Kit Editor that you are using the right embed code for your Museo Sans Rounded kit?
You can find the embed code by logging into https://typekit.com, launching your Kit Editor, and clicking the "embed code" link at the top right. Copy this code and add it to Muse under the Page > Page properties menu item.
Please give that a try, and let me know how it goes! Once you have republished the site, I can take another look and give you some information on how to set the Typekit fonts in your CSS.
Thank you,
-- liz
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/6237014#6237014
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/6237014#6237014
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/6237014#6237014. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Help with using Adobe Muse CC at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

I can see my Typekit Font on Preview but not in Edge

Hello All
The typekit font works fine when I preview the website or publish the website onto the internet.
But inside edge animate where I am doing the building of the website, it just shows the fallback font, which is different enough to cause text to be out of place when viewing the creation in a browser.
I have been told that it is something to do with the settings on my computer. I am using a PC.
Can anybody help?

Hi, Will-
Do you have localhost (127.0.0.1) added to your Typekit's settings? I'm surprised that it's working on preview if it's failing on the stage, as one of the likely culprits is often a firewall setup issue.
Cheers,
-Elaine

Typekit font not displaying in iPad DPS app (created by Indesign) in Web Content (Edge Animate)

I think I have tried every permutation to make this work, but I am probably missing something.
I am creating a single DPS iPad app with InDesign, and I am using a Typekit font throughout. So far so good.
I have created an Edge Animate project using the same Typekit font. In preview mode, it is fine as well.
However, when I place the Edge Animate project into a frame in InDesign and use the Web Content Folio Overlay (regardless of whether I use the .oam file or link directly .html output published by Animate), the Typekit font will not show up in the Edge Animate portion of the DPS app and will instead use a fallback font.
Can anyone suggest a way to make Typekit fonts in Edge Animate work when embedded in a DPS app? (For what it's worth, I have the same problem when embedding html output from Tumult Hype, so it seems unlikely that this is an issue with Edge Animate at all and probably has more to do with something in the way the DPS app is dealing with embedded html content.)
Thanks in advance for any assistance.

Believe me, I understand the pain. Unfortunately there's only so much we can do at Adobe as the EULAs provided by the foundries for their respective fonts are very explicit in where you can and can not use them.
For example, packaging an InDeisgn file and sending it off for pre-press with the fonts included in the package is in direct violation of most font EULAs. In a studio environment, you're only allowed to have a font installed on n number of computers and need to have multiple licenses to accomidate >n number of seats. When creating a PDF, fonts explicitly have to be subsetted before embedding into the PDF.
That's just to paint a picture of the fragile state of using fonts in print, usage in digital mediums is just another bee in your bonnet when it comes to considering when you can and cannot use a font.
Services like Typekit Desktop are trying to make this easier by removing a lot of those pain and condierations for you, by blanketing all these fonts under a single license you're free to use for print and the web. There's still some gotchyas, but we're aiming to greatly reduce how much you have to think about it where we can.
So yes there's a bit of education when it comes to mixing embedded HTML content/fonts with DPS, but at least there's options
Sarah

Not all Typekit Fonts available in Muse?

Hello,
it seems that not all the fonts that are available in Typekit can be used in muse... has anyone a suggestion?

Hi grafiklieschen,
Abhishek is correct: you can only use and preview the free and open-source Typekit fonts in Muse. The full Typekit library isn't included in the font menu.
You can still use Typekit on your website, though; the fonts just won't show up in the Muse preview. The Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
Or you can add the embed code to the Page Properties dialog within Muse, which will include it in the <head> of the page when you export your website.
We hope to have a more complete integration of Typekit with Muse in the future, but I can't say yet when that will be available.
I hope that this helps! Best,
-- liz

How can I get typekit fonts to display in edge code live preview?

I'm wondering how I can get typekit fonts to display when using adobe code cc live preview? I'm aware that it's an issue with my local base url, but I'm confused as to how to fix the issue.
Right now my site is stored locally in a folder on my desktop. I'm not sure what to put in the typekit settings under "domain" and what URL to put in the project settings in edge code.
A little help please?

Hello,
I'm sorry that you ran into trouble with this. In order for the Typekit fonts to load, you need to add the IP address that you are using for Live Preview to the domain listing on the kit.
By default, Edge Code uses the IP address "http://127.0.0.1/"; you should see that listed in the web browser when previewing your site. If you've changed the preview URL in Edge Code, it might be something like butterville.local instead.
In either case, copy the URL where you are previewing the site, and add it to your domains: go to http://typekit.com and launch your Kit Editor. Click Kit Settings in the upper right corner and add your domain to the domains field, then save your settings.
Make sure you republish your kit after saving the changes.
I hope that this helps! If you still have trouble with the font loading, please send me the preview URL you are using along with your Typekit kit ID. You may post those here or email us at [email protected]
Best,
-- liz

Muse cc2014 non edge typekit fonts

Similar Messages

Maybe you are looking for