Typekit font usage (2 interrelated questions)

Dear all
I'm having two problems with my fonts.
(1) the typekit fonts arn't loading before the page, making the alternate fonts load (and the page load awkwardly) then replacing them with the typekit fonts.
(2) While I dislike the alternate fonts, I see a need to make sure they work well - can you toggle the typekit fonts on and off to make sure the alternate fonts won't mess up your design?
www.loveand yeggy.com
Thank you,
William

Hi William,
It sounds like you're seeing something called FOUT, or the flash of unstyled text. Fonts are loaded as assets into a web page, and depending on your browser or your connection speed, they can load quickly or lag a bit behind the rest of the page. Typekit gives you tools for controlling the FOUT, which you can learn all about here: http://help.typekit.com/customer/portal/articles/6852
That being said, I took a look at the site but didn't notice any FOUT issues. Also, in order to control the CSS for fallback fonts, you can use our Font Events that help with the FOUT. Take a look at this article for more information: http://help.typekit.com/customer/portal/articles/693940-specifying-fallback-fonts
I hope this helps. If you have any further quesitons, feel free to drop Typekit Support a line at: [email protected]
Cheers,
Ben
Cheers,
Benjamin

Similar Messages

Adobe CC typekit font usage within Software / Apps

Hello!
from the font licencing center it wasn't really clear to me how the licence is regarding the usage of fonts in apps.
Lets say I have a creative cloud subscription, so I'm able to use all fonts from the Typekit lib.
If i use a font in an app design, which im going to sell on the appstore, how will the licence situation be once i quit the CC subscription model?
Of course I dont want to remove the app from the appstore. Meaning the app will continue to sell, without me having the licence for the used font anymore?
thanks and best regards,
fabian

Hi Fabian,
Thanks for your interest in Typekit! The font licensing through Typekit does not include the option to embed the fonts in a native app. In order to use a font in an app, you will need to purchase a separate license from the foundry.
For more details, please refer to the "Typekit Font Licensing" help page.
We hope to be able to support embedded fonts in the future, but it isn't available at this time. Sorry I couldn't be of more help; please let me know if you have any other questions.
-- liz

Typekit - fonts usage after cancelling the subscription

Hello,
I currently have an Adobe subsription which allows me to use Typekit services for website development. I'd like to know whether using the fonts on my website after cancelling my subscription will be in any way considered a violation of the agreement.
Regards,
Elik

Hi Razora,
When we talk about Creative cloud, it is Yearly or monthly based subscripotion. As long as you pay, your Creative cloud keeps on working.
But if you will cancel the subscription, that means your services has stopped and you have stopped paying for your product.
Afterwards, you product will trun in to TRIAL mode and if you haven't used the TRIAL before, it will work for 30 days and then it will stop working eventually.
P.S. when using the adobe forums, please mark helpful/correct responses of Staff or helper, if there are any.
Regards
Srishti A

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

Why are TypeKit fonts not displaying correctly in Pages (iWork)?

I have just subscribed to TypeKit and am experiencing highly peculiar behavior from the two fonts I’m using in Pages (iWork): Basically, fonts in my document don’t respond appropriately to requested changes in style. For example, if I increase the point size by one point using the the formatting commands built into Pages, the font drops a point size. I’ve had the same experience using the kerning command, where the kerning decreases when I have set it to increase. (So far, the only fonts I’ve been using have been Futura PT and Proxima Nova.)
Look at the example in the screenshot: “FEATURED EXPERT” on the top line shows in Pages as being 24pt Futura PT Book. However, “SOLO,” a few lines down, which is definitely displaying as smaller, shows as 25pt Futura PT
In a potentially related issue, when I reopened this same document today, text boxes were suddenly too small for the text (again in Futura PT and Proxima Nova). It was as though Pages was suddenly reading those two fonts differently.
I have had no issues with other (non-TypeKit) fonts in the same document.
Anyone else experiencing anything similar? Any suggested fixes? I'm reluctant to unsync/resync the two affected fonts (the only ones I have sync'd to date) because I don't want to wreck the document!

Thanks, Christopher. After I posted my original question, I did come to realize that it was Helvetica not Future PT showing. Here’s what happened, and here’s why I still need some guidance…
The document dropped Future PT because when my wifi signal dropped, the Creative Cloud app displayed this error symbol (see graphic) in my menu bar.
At that point, my computer could no longer access my TypeKit fonts and the document reverted to the system's Helvetica default.
This was not an isolated incident.
If I turn wifi off manually, there is no issue and CC continues to operate in the background as it should, with TypeKit fonts still available.
However, if the wifi drops out on its own, I get the above error symbol and I then lose access to my TypeKit fonts. Very rarely, the CC app will self-correct when the signal is restored. More often than not, I must quit the CC app and relaunch it in order to get things back to normal.
This doesn’t strike me as normal behavior Have you ever encountered anything like it? Do you know of a fix that will allow the CC app to self-correct when the wifi signal is restored?
Any assistance will be appreciated!
Thanks!
P.S. TypeKit troubleshooting doesn’t address this particular issue.

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

What does "domain name is used for your typekit fonts & SEO sitemap.xml" mean?

Why is Muse now asking, on either uploading files via Muse or externally through another ftp, for a domain name that is used for your typekit fonts & SEO sitemap.xml?
I used Muse for exporting my files to ftp externally a few months back and I could add whatever I liked into the domain name field (which made sense as I could choose an appropriate name). I upgraded Muse this morning and now no domain name I add in here is accepted and on hovering over the info icon I get a "domain name is used for your typekit fonts & SEO sitemap.xml. What does that mean exactly?
If anyone can help?

Hi Guys
Great thread Omniscient! Like Bian, my username is just my name. It's a unisex name and caused a nice little debate in the early days of this forum as to whether I was male or female!
Kerry is from the Irish meaning 'dark-haired' but I am a blondie (natural blonde when younger, bottle blonde now I am older!) I think my mum just liked the name...
There are lots of interesting usernames out there - tell us about them and where they come from!
Cheers
Kerry
Retired BTCare Community Manager - StephanieG and SeanD are your new Community Managers
If you like a post, or want to say thanks for a helpful answer, please click on the Ratings star on the left-hand side of the post.
If someone answers your question correctly please let other members know by clicking on ’Mark as Accepted Solution’.

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.

Typekit fonts availability

Hi, I just downloaded Adobe Muse final version and updated the website I've been working on in which I've been integrating Typekit fonts manually… Exciting move forward and ability to use my fonts easily!
BUT THEN I couldn't find my fonts in the menu! Are all Typekit fonts supposed to be available in Muse?
I have a Portfolio plan and the fonts I need to use are Proxima Nova Alt and Brandon Grotesque.
Thanks for helping me with that, can't wait to see everything fit into place!
EDIT: Here's Typekit answer to this. (HINT: bad news)
Currently Muse only has the free and open-source Typekit fonts available in it. In the future there will be kit integration, so that you have access to all the fonts in your Typekit plan.
Maybe someone from Adobe could tell me how long we have to wait for that…

Dani - thank you again for your quick and clear responses to my not always clear questions - You have been correct in all your assumptions.
Also I'd like to say you strike the perfect balance between representing Adobe and seeing it from the customers view - not just in your responses here but in your Jam sessions and demos.
New Question 1: If I download and pay for Proxima from a paid font library (or any matching desktop version to its typekit brother), can I use this desktop version in Muse for the 'design' phase. Then implement the museinsider.com work-around at publish stage to give me a WYSIWYG experience?
Am i right in assuming they'd need to be opentype or true type? Assume postscript won't work in Muse?
New Question 2): Yeah excited by the Max announcement of accompanying desktop versions. It quite literally took the request and absolute glaring need out my mouth/keyboard. I realise it is not due for release til June and details may be vague but do you have any knowledge whether this would likely be just the free typekit fonts or include some edge/paid fonts? If Adobe include edge fonts/aka paid - or atleast discount - to CC members, this would be a truly truly significant benefit to being a CC subscriber, and surely convert traditional adobe subscribers to CC members!?
Just response to previous:
(don't feel obliged to repsond specifically to this! ;-)
Have to say I was confused with the free and paid reference.
Thanks for the Edge being aka paid tip too. As a Creative Cloud member paid seemed not to apply to me because I get the portfolio typekit pack as part of my CC membership at no extra cost. As Typekit is now owned by Adobe - I, I think quite understably, assumed they would simply be available to me in the same way the free fonts are. No need to explain here - I am not having a go at you at all I 'feel your pain' in replying to the same problem - and understand their are technical and legal reasons. With over 15 years in the industry I really do know (and feel the pain of) font legalities. However in light this original post was a year ago it does feel a bit irksome.
I realise in the aquisition or merging of a company there is a pain barrier - but as a customer I don't want to feel that pain!
Adobe please throw your weight money and effort at this. If you see the Adobe logo on a product you expect an intergrated experience. As it currently stands it is a serious draw back to its core market: professional designers who have previously mocked up in Indesign, Illustrator Photoshop and passed to a developer.
Oh no. I've become one of those people that moan on forums! Sorry. It's becuase I really care about this and am speaking to someone who can hopefully make a difference or atleast voice this serious need.
I am super excited by Adobe's developments, have been to a few seminars and am a champion of Adobe products I really see Muse as a very serious solution to some web projects for non coding designers, which is why I have taken the time - unusually for me - to blither on here!
Thank you for the Adobe Edge Fonts Preview page tip also.
Rich

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

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

Illustrator CC - Where are the Typekit fonts?

One of the things I anticipated most about upgrading from Illustrator CS6 to Illustrator CC was access to the Typekit font library. The Creative Cloud application manager merely has a "coming soon" banner under the "Fonts" menu. I don't see anything in Illustrator CC related to Typekit.
Does anyone know when the print oriented applications in CC are going to be able to use Typekit? Another thing I found disappointing in the fine print: only a partial group of Typekit fonts will be made available to applications like Illustrator CC and InDesign CC. Far more fonts are available to the web based applications. I figured I'd be able to use certain popular typefaces like Brandon Grotesk in Illustrator CC via Typekit. Now it looks like that might not be happening, at least not for now.

Hi Bobby,
As you've mentioned, we've announced the upcoming ability to sync Typekit fonts to your desktop. Unfortunatley, we don't have a specific ETA on this feature at the moment. However, we'll be sharing any updates on our blog: http://blog.typekit.com as they become available.
We're starting with 175 font families from 7 top-tier foundries. You’ll be able to sync them to your desktop and use them in all your applications for web mockups, print design, word processing, and more.
If you're wondering which fonts will be available to sync, please keep an eye on the blog: http://blog.typekit.com and twitter for announcements: http://twitter.com/typekit
Also, we're talking with foundry partners about desktop sync fonts on an ongoing basis, and plan to add more fonts to the service as we go. We'll announce new font additions on the Typekit blog.
In the meantime, if you need to work with a specific font in your desktop applications, you'll still need to acquire a desktop license from the foundry.
If you have any further questions regarding Typekit, feel free to drop us a line at: [email protected]
Cheers,
Ben

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

Typekit fonts from Muse

Hello everyone. I am not sure if this question should go here or over at Muse. If I use typekit fonts on my pages from adobe muse. Will I be able to use the fonts in the modules on BC? Since the code will already be on my template pages, will I be able to just change the font to the typekit font and get it to generate? Thanks

Once you reference a font through typekit and they render and then in your CSS you decare an element to render that font - yes they will use that font.

Typekit font usage (2 interrelated questions)

Similar Messages

Maybe you are looking for