Web Fonts & Typekit

Why have the web fonts I have already downloaded in the previous version of Muse not showing up in the type palette in Muse CC 2014 when a new document is created? Also when opening a site composed in the previous version of muse the fonts do not preview properly.

I found something in this thread that made the fonts display properly. It did not take care of the issue with fonts I have already downloaded from Typekit showing up in Muse CC 2014 in the font menu.
I used what Walty11's suggestion. There is also a suggestion from Adobe staff.
Re: Source Sans Pro not displaying in 'Design' mode

Similar Messages

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

Using Typekit web fonts in Adobe Muse | Adobe Muse Feature Tour | Adobe TV

Adobe Muse recently introduced a feature that allows you to incorporate TypeKit web fonts into your website designs. In this video, Product Manager Dani Beaumont shows you how to access over hundreds of font types that look beautiful and can be understood by search engines and screen readers.
http://adobe.ly/NlQYof

This video sends Flash Player into a wheel-spinning loop that freezes Firefox, won't play beyond the first few seconds (and very choppily at that) in Chrome, and reduces IE9 to a crawl. It isn't possible to view the video as of 10/23/2012.

Muse/Typekit web font list/preview?

Is there a specific foundry within Typekit that Muse uses to populate its list of available web fonts in the "Add Web Fonts..." menu? When I browse Typekit's site to find fonts for use in Muse the majority aren't available from within Muse. Likewise, some of the fonts available in the Muse menu are no where to be found on the Typekit site, Aguafina Script for example.
There's actually an Adobe foundry within Typekit, which contains LOTS of fonts unavailable in Muse. What kind of sense does that make?
It's difficult to use them in conjunction to facilitate type design. If I browse Typekit chances are the font isn't available in Muse anyways. If I browse Muse I frequently can't find the font on the Typekit site so I can preview at different sizes/weights to make a good decision regarding appearance and legibility for my viewers.
Any suggestions?
Thanks,
~Bob
BTW, why the heck don't all the browsers use Muse's Design Mode type rendering engine? Typekit fonts are stunning when viewed in Muse's Design Mode but look like terrible every where else... even in Muse's own Preview Mode. The only exception I can find is on an iPhone which alse renders type beautifully.
~B

actually was trying to make typekit fonts to work with muse, but the edgwebfont-tutorial... don't work for me...
now i found a way. using the same tutorial and screenshots from above How to add Typekit fonts to your Muse site
STEP 1:
you need to have an active domain, so you can upload yr files on the web via FTP. you are going to see yr fonts online only.
first you need to setup yr typekit-kit with yr domain.
now select your fonts and weights you want on yr webpage
STEP 2: Give the Typekit fonts selector names
you need to put the selectors on the top left corner of the screen, BUT
INSTEAD of the ".header" or ".body" selectors, you can use the normal HTML selectors, like h1, h2, p and so on. if you want, you can set more than one selector to yr font, so if for example you want to use the same font for h1 and p, you can put both selectors there. if you have italics and bold selected it going to work automatically on muse when you use the bold and italic buttons. preety cool!
publish
Step 3: Give your Muse text frames paragraph styles with the same names
AT FIRST: you might do this setup on yr masterpage, so yr fonts are automatically loaded on yr sites.
make paragraph-styles with your HTML selectors (h1, h2, p and so on), then format yr text with them on the pages.
Step 4: Add the Typekit Javascript
DO NOT paste the java script on yr site! this code must be in "HEAD" of the website. so you need to go to menu:
> page > page properties
then, paste the typekit javascript in yr "metadata".
that's it.
hope it helps, and sorry my english

Using your own web fonts in Muse and NOT TypeKit's

Hi All, I purchased a family of webfonts for the font I will be using in my website. There is no option to add my own web fonts in the fonts menu anywhere, just web safe, typekit and system. For now I'm designing my site with the desktop version of the webfont im using to see somewhat what the final outcome will loom like. Is there a way I can somehow assign my webfont to my site after my website is built and exported to my web server? I can't believe this isnt an option. I'd use Dreamweaver but it is needless difficult to build a website in it.
Any help would be appreciated.

if you don't change the websafe font on the website to begin with, or later on come back to arial or something after you've designed with your own font, you can replace the entire font family in css in a matter of a few minutes. the sizes and other stuff will keep unless the font you're using doesn't have Bold or Italic for different hierarchies.
from stack overflow:
<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
p.customfont {
    font-family: "My Custom Font", Verdana, Tahoma;
</style>

Can Typekit web fonts be used to produce digital publishing documents or can only desktop fonts be used?

I'm trying to match a DPS publication to a website that uses a web only Typekit font. Is there a way to make it work for a DPS publication or can only desktop fonts be used? Thank you for any insight.

Hello JMZambelli,
Thanks for your interest in Typekit! Only the fonts licensed for sync use may be used to create digital documents. We are continuing to license fonts from our foundry partners for desktop sync as we move forward, but in the meantime you can likely purchase a desktop license directly from the foundry for any weight or style which is not available for sync. The foundry name & website are linked from the top of each Typekit font detail page.
I hope that this helps; let me know if you have any other questions here or at [email protected] Best,
-- liz

Typekit web fonts only partially load in IE

I'm having some troubles getting Typekit web fonts to work well with Internet Explorer. Occasionally the fonts will load just fine, sometimes the fonts won't load at all, and sometimes the fonts will only partially load where parts of the site will have the correct fonts and other sections will not. Again this is only with IE 9-11. Every other browser works fine. I'm hoping someone on the forums may be able to lead me in the right direction. I've emailed the support email on the typekit website twice and after waiting several days I fear they won't be getting back to me. Thanks for any help anyone can give me.
This is an image of it working in Chrome.
Image Not working in IE
Now fonts working after refreshing the page twice

Hi linseyfree,
I am sorry that you've been having trouble with your font loading! We didn't receive an email from you in Typekit Support; I will look into what happened there.
I have been emailing with one of your colleagues (Tom S), however, and I believe this problem has been sorted out. If you still see trouble with the font loading, however, please run the tests at the end of this post in IE 9 or 10 and we can look into it further for you.
Best,
-- liz
Use the web developer tools in the browser to look at your site's assets, and take a screenshot of the timeline for Typekit.
1. Clear your site cache so that the Typekit files are requested from the network again.
2. Select the network tab in the developer tools and keep it open.
3. Go to the page that's giving you trouble. Verify that it loads and that the fonts still aren't loading properly.
4. In the network tab, scroll down until you find the requests from Typekit; there should be a JavaScript file and a CSS file.
> take a screenshot
5. Select the JS filename, then select the Headers tab that appears.
6. Resize the window so that all header info rows are visible.
> take a screenshot
7. Select the HTML tab. Is the font marked as "wf-active" in the font events on the HTML tag?
> take a screenshot

Typekit -Edge Web Fonts questions

will need to embed text in some Edge documents, I saw a tutorial video on Typekit and followed the proceedure but I cannot get the font to display locally.
I'm using the free trial version, is this why?
Second I also tried Edge web fonts,
this works fine so I need to know the following:
typekit has so many more fonts, can I find out what could be the reason I do not see the fonts on stage?
Which should I be using?
thx
RD

Hi there,
Here are a few threads with possible solutions:
http://forums.adobe.com/message/5091707
This one says: In your Kit Editor, select "Kit Settings," and the first tab has a field called "Domains." In this field, type 127.0.0.1. This should allow you to use this font locally.
http://forums.adobe.com/thread/1109557
This one says you need to add the IP of your machine.

Typekit Web font problem - only in PC browers

Hi. We have developed a site in Muse using a particular font from Typekit. The font in question is 'Quicksand'.
When we publish the site onto BC for viewing, on a Mac (Safari & Chrome browsers) the font shows fine, and on iPhone/iPad too. When we view it on a PC (IE8, Chrome, Firefox) it is either very feint (Chrome) or almost totally illegible and distorted (IE8 & Firefox).
We changed the font to another from Typekit on one particular page and the problem was solved.
Not fancying changing all the text, menus etc etc on the whole site, any ideas what could cause one particular font to not work like this?
Many thanks
Nathan

I'm having the same Muse Web Font problem. Web Fonts are beautiful in Design Mode but when in Preview Mode they're a mess. When I publish they render like in Preview Mode, a mess. They display incorrectly when viewing on a PC from any browser I've tried: IE, Firefox, Safari, Chrome and Opera. They look great on my iPhone but I don't have another Mac OS device from which to view. This happens with ALL Web Fonts.
Please see samples: 1) Muse Design Mode. 2) Muse Preview Mode. 3) Firefox PC. 4) iPhone.
The text displayed in images 1 and 4 is crisp but in images 2 and 3 is pixelated and misshapen. Can someone explain what's causing this and offer a solution?
Thanks,
~Bob

HOW do I find out how much using additional Typekit web fonts COSTS?

It seems very strange to me, but there are NO PRICES listed at typekit.com.
You can see lots of faces, but there seems to be no way to USE those faces on the web! I excpected there to be SOME information on pricing, but there is NONE.
One might conclude that they don't want any business ...

Hi Michael,
I have just replied to your support email, but will post the same information here for the forum archive:
I'm sorry for any confusion here. Your Typekit Portfolio plan is included in your Creative Cloud subscription at no additional cost.
This is why you don't see information about pricing when you are signed in to your account: it's part of the Creative Cloud subscription that you already have. I will let the team know that this was confusing, though, so we can make it more clear in the future.
# About your Portfolio plan:
A Portfolio plan gives you access to the full library of Typekit web fonts, as well as the new desktop sync feature.
You can read more about the Portfolio plan details–and the pricing on the other Typekit subscription options–on the plan pages:
https://typekit.com/plans
Font sync is still being rolled out to users, so will need to request access in order to try it out. Read more about that on our blog: http://blog.typekit.com/2013/08/08/sign-up-for-early-access-to-desktop-font-sync
or just head over to sign up:
https://creative.adobe.com/earlyaccess.
Again, all of this is included as part of your Creative Cloud subscription. You will not be billed anything additional by Typekit (unless you choose to upgrade your subscription to support more pageviews.)
I hope that this helps; let me know if you have any other questions. best,
-- liz

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 use edge web font in Edge Reflow?

By default, I don't have a lot of fonts. It's just viewing a few of them.
How can you get the web font for Edge Reflow? Can you use font from fontbook?
Is there a way to download Edge Web Font?

Above: using Brandon Grotesque (web use font) does not display the correct font.
I'm using Typekit and have an internet connection. If I switch to a "desktop use" font, it shows up, so I'm guessing the "web use" only fonts won't show in Reflow. A little frustrating when you're trying to get an accurate preview/determine best font styling because of the back-and-forth workflow.
Above: using Source Sans Pro (desktop use font) does display the correct font.

Problem with Web-Fonts displayed on Windows PCs?

Hi,
I am creating my first site with Muse, and am having problems getting the web-fonts to display correctly on Windows computers. This happens with both Chrome and IE, however you can see the rendering is much worse in IE. On my Mac (that I'm creating this on, the fonts all display perfectly).
This consistently happens across all web-fonts, currently it is using 'Comfortaa'. There are some design inconsistencies on the website still - it's a work in progress! The temporary Business Catalyst site is http://levante2.businesscatalyst.com.
Shots from the Windows PC:
Chrome on Windows (hard to see the imperfections given the only thing I have to save a jpg is MSPaint on this PC and the compression looks poor anyway) - effectively the problem is that lines are jagged rather than smooth:
IE8:
Strangely, I did some playing around with this over the weekend, and now there is one set of headers (on the 'Food' page), though I'm not entirely sure why this is ok and the rest are not?
IE8, Dark green on light green header is correct:
Any help would be massively appreciated! I'm tearing my hair out.

I think what you're seeing is simply the normal (if unfortunate) variation in font rendering in different browsers and on different operating systems and OS versions. There's a multi-post blog on the Typekit site that describes all the variations caused by different rendering systems across browsers and OS'es <http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/>.
Short of converting the text to images (which has many disadvantages versus live text), I'm not aware of any way to avoid these variations.

Web font, Merriweather Light, not displaying correctly

Hello, I have designed a site using a web font from Typekit called Merriweather Light. On my monitor, using several different browsers it looks fine. Most of the other computers we've checked this site on, it looks fine. But, on 2 different computers, the top of the type looks a little broken. I can attach a screen shot showing what I'm talking about. I'm just wondering if there is a solution or something I can do to fix this. It would require a lot of reformatting if I had to change it so I wanted to check to see if someone knows of another fix before I change it.
Thanks so much,
Annette

Here is a .png file.

Web fonts are not displaying

Hello -
For some reason my Firefox install is not displaying web fonts properly - It may have been doing this before the 13 upgrade. Doesn't matter if it's @font-face or Typekit or whatever, it's just goes down the fallback list until it finds one that I have installed on my computer.

Is downloadable fonts enabled?
You can check the <b>gfx.downloadable_fonts.enabled</b> pref on the <b>about:config</b> page.
*http://kb.mozillazine.org/about:config.
Any errors about loading the font file in the Web Console (Web Developer > Web Console;Shift+Ctrl+K)?
*https://developer.mozilla.org/en/Tools/Web_Console

Web Fonts & Typekit

Similar Messages

Maybe you are looking for