How to speed up typekit font loading in muse?

This is really look bad when whole site is loaded faster than typekit font...
Any idea how to speed up font loading ?
I host websites on my own dedicated server in France and in the UK website is loading faster than typekit font, why???
Thanks
Kola

Hi Kola,
I'm sorry that you are having trouble with your Typekit font loading. Would you please share the website URL so that can take a look?
You may post it here, or email us directly at [email protected]
Thanks,
- liz

Similar Messages

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

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.

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 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

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

Typekit fonts not loading in Muse

Hi, I purchased a Creative Cloud Annual Plan and I can't use the Add Web Fonts dialog box within Muse. I run it on a Win XP pro 64bit SP2, Muse working properly if not for that function.. Dialog box appear but no command is clickable and error is prompted reading "Could not load web font previews. Check your network connection and try again". Same connection, same sw, on a different pc (win xp sp3) works fine. I searching Adobe kb, faqs and other unsuccesfully finding any hint. Could you please let me know how to fix it?

Hi,
Currently, you can only use and preview the free and open-source Typekit fonts in Muse. In the future there will be kit integration, so that you have access to all the fonts in your Typekit plan.
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, if you are comfortable editing HTML, you can add the embed code to the <head> tag in your site manually. 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.
If you have any further questions, feel free to contact us directly here: [email protected]
Cheers,
Ben

How do I use the full range of Typekit fonts?

I want to use a couple of Typekit fonts (Calluna and Minion) that are not part of the Web Font library.
Is this now a feature in Muse CC or do I have to use a widget, such as this ...
Using Full Typekit Fonts in Adobe Muse CC - Widget by MuseThemes.com on Vimeo
Also, if I wanted to use another font ... such as Apercu ... not in the Typekit library, how do I do this?
Thanks very much
Simon

Hello Simon,
As of now Adobe only has visual support for the web font library. However you CAN use your type kit fonts. You can use a widget like the video posted describes, however you can also just use custom CSS in the page properties meta data.
It would look something like this:
<style>
p {
font-family: 'proxima-nova';
font-weight: 300;
font-style: italic;
h1{
font-family: 'proxima-nova';
font-weight: 600;
font-style: italic;
</style>
Attached are pictures explaining how to integrate type kit with the muse header custom html:
Navigate to typekit and create a new kit, make sure the domain YOUR site will be published on it selected. The star denotes any page.yourdomain.com.
After you click continue Adobe will give you some custom JQuery, a type of Javascript. Copy it and place it in your page properties > meta data <head> tag as shown below.
Add your desired fonts to the kit you created. After you select the style you want, click "using font in CSS" in the top left menu. A pop-upp box will appear with some code. Copy the bottom one to your clipboard.
Paste into the meta data head tag WITH <style> before and </style> afterwards. h1 denotes heading one, p denotes paragraph etc. The font-weight is the style, when you browse typekit it will tell you the wights; ie proxima nova semibold is 600, light is 100 etc. Font-style is the style: italics, bold etc. When adding this attributes, make sure they end with a semicolon (;).
Now the fun part: click on your text and go to the text menu. The very last field has a number or letter combo, h1, h2, p etc. These are the text styles that you inputed! If you want the text to correlate to you h1 code, then tag it h1. If you want iit to correlate to you p code, tag it p etc. ALL of your h1 will look the same and all of your p will look the same.
They will NOT be visible in the editor or preview, but only when published to your domain.
If that is too much work, just use the widget =).
Let me know if you have any Q's!
Cam
PS: sorry it was so choppy, I couldn't find a good video so I had to snap some quick screenshots.

How can I limit the fonts in the Character Map (charmap) and reinitialize the state after use?

In a WPF application I have a RichTextBox in which users will be inserting text. I also must give the user the ability to insert characters. To do so I have called up charmap.exe using
Process charProcess = new Process();
ProcessStartInfo startInfo = new ProcessStartInfo();
charProcess.StartInfo.FileName = strCharmap;
charProcess.Start();
etc., and it works fine. There are several problems I have basically with charmap, however, not with WPF. The first is that because of the subsequent use of the user’s insertion in the RTB, I must restrict the font to “Ariel Unicode
MS.” So far all I have been able to do is instruct and warn the user not to change fonts and
change back any font change that occurs as a result of use of “Advanced view” features.
Question number one is, how can I restrict the fonts loaded into charmap to this one font? The second problem is that if another font is called up, or the “Advanced view” state of charmap is closed, or a “Group by” feature is opened, these choices will
be retained for the next user that opens charmap. How can I initialize the state of charmap for each new user with the correct font and “Advanced view” features showing. It is said,but in old posts, that reinitialization occurs for all but administrative users,
but this seems to be no longer true. I have tried permission changes in charmap’s Properties, but I can’t get the necessary reinitialization to occur even if user’s don’t have modify permission. Can one use a .ini file, or the .mui file, or make Registry changes
to accomplish my goals. There seems to be a warning in the .mui file about changing fonts, but is it cancelled? I am using Windows 7 and C#.
I have looked at other character maps but they are either too complicated for the casual user, or they have no search engine and advanced features, or they have the same problems.
I am pretty much a novice with respect to the Windows files use and WPF, so please be fairly clear, complete, and prescriptive in your answer. Also so that I and others can learn, it would be nice to have an explanation of why one does whatever you suggest.
Your help is appreciated.

Hi,
Thanks for your post!
According to your description, I am afraid your problem is out of support in C#language forum. So i move your thread to off-topic forum!
Best Wishes!
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey. Thanks<br/> MSDN Community Support<br/> <br/> Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and
makes it easier for other visitors to find the resolution later.

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.

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

Typekit fonts in Muse

Hi All,
I am specifically looking to use Brroadway font for a project and I signed up for Typekit and pasted the code
into my page properties HTML for head. How do I get the font to show up in the font selections? This is not one of the
Muse "free" fonts. Is this possible to do. I just need mostly for headline purposes. Any suggestions please Thanks for your help!

Hi redjackrabbit,
Currently, you can only use and preview the free and open-source Typekit fonts in Muse.
If you're comfortable with a little HTML/CSS, 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.
However, we do see the value of being able to design in Muse with all the fonts in your Typekit library. This will require a deeper integration between Typekit & Muse. I'll give the team a nudge in this direction for you.
Let me know if you have any further questions and thanks for your patience.
Cheers,
Benjamin

Can you adjust Typekit font weight?

So I've figured out how to use all Typekit fonts in Muse (by assigning ".body" as a selector in the Typekit Editor and then assigning "body" as a paragraph style in Muse). The only problem is that I am limited to two weights per font: regular (or thin or light or extra light) and bold (which works by just bolding the text in Muse).
This means if I use a font with many different weights (thin and light, say) I have to choose one or the other in the Typekit editor and can't use both on my site. Has anyone figured out a workaround for this?

Hi ibhhvcc,
Right now, there's not an easy way to do this in Muse. Editing the CSS files that come from Muse would allow you to use other weights/variations but of course this involves diving into the code.
Going forward, we plan to improve the Typekit/Muse integration and I'll definitely share your thoughts with the team.
If you have any further questions or feedback, feel free to drop us a line at: [email protected]
Cheers,
Benjamin

Why can I still not access any of the decent Typekit fonts?

I've been waiting and waiting hoping that Adobe will finally get around to including all of the typekit fonts within Muse. For example I've been after the Prenton font, but notice that it's still not available from within Muse, and the same applies for many of the really good fonts.
Why are they not available?
Thanks

Hi,
I am sorry we don't have the same seamless integration with the full Typekit library as we do with Edge Web Fonts. There are two main reasons for that:
1. Muse is a desktop application, and any use of a font in Muse Design mode is considered "desktop use". Most fonts in the Typekit library are licensed for "web use" only.
2. Edge Web Fonts are mostly open-source and can be used by anyone, on any domain, for unlimited page views. On the other hand, web fonts in the Typekit library need to be configured for specific domains and may be subject to page view limits. This configuration — in the form of Typekit "kits" — is done manually. We don't have the necessary means to create kits automatically (something that's needed for a fully seamless workflow).
Looking through your other posts on various forums, I can see that you already have experience creating kits. Have you tried this workflow for Muse: http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html? If you haven't, please give it a try. If/when you have tried it, please let me know what you find most and least inconvenient about that worflow:
Creating a kit at typekit.com
Including embed code in Muse
Inability to work with the actual font during Design
Inability to see the actual font during Preview
Other (please specify)
Could you also let me know (in private, if you prefer) if you already own Prenton as a desktop/print font?
Thanks,
Abhishek

Typekit font missing

Hi,
I font a nice looking font in Typekit that is both available as Desktop and Webfont.
I have used it in an Indesign project and wanted to use it in Muse, to be consistent (I choose that font because it was available for both)
But when I want to use the webfont in muse it does not exist?
Can someone tell me why?
I now have to use it in Muse as a System Font, that saves all my text as images, why can't I use the webfont?
Kind Regards,
Jonas Christoffersen

Hi Jonas,
I'm sorry you ran into trouble here. Currently, you can only use and preview the free and open-source Typekit fonts in Muse.
If you're comfortable with a little HTML/CSS, 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.
However, we do see the value of being able to design in Muse with all the fonts in your Typekit library. This will require a deeper integration between Typekit & Muse. I'll give the team a nudge in this direction for you.
Let me know if you have any further questions and thanks for your patience.
Cheers,
Benjamin

How to speed up typekit font loading in muse?

Similar Messages

Maybe you are looking for