My chosen Typekit font won't load in Edge Animate CC 2014

I've tried to add a font via the Text area in Properties, and via Fonts in the Library. I've also tried creating a new kit within Typekit, and using just the domain 127.0.0.1
I must be doing something incorrect. Nothing is working and I'm not finding any answers in the tutorials or forums.
I'd be VERY grateful for any advice.
Best,
Jen

Hi,
Can you check out this video and let us know if you are still facing issues?
Using TypeKit | Learn Edge Animate | Adobe TV
Thanks,
Preran

Similar Messages

Fonts won't load into Leopard Font Book

My fonts won't load into my font book, but they are loading into the system. I reloaded my OS software hoping it would fix the problem, but it hasn't. Anyone with suggestions on what to do would be greatly apprecitated!!!

My fonts won't load into my font book, but they are loading into the system.
That's kind of contradicting. Are you saying you can manually place the fonts into a Fonts folder and they'll work, but can't be added to Font Book? Or they aren't working at all? If they're Type 1 PostScript fonts, read on.
Type 1 PostScript fonts are a set. One file is a suitcase containing all of the low res bitmap screen fonts. The rest are the outline printer fonts. As an example, here's Adobe Garamond.
Adobe Garamond
AGarBol
AGarBolIta
AGarIta
AGarReg
AGarSem
AGarSemIta
The first file which I highlighted in green is the font suitcase of bitmap screen fonts. The rest are the outline printer fonts.
1) The files for a Type 1 PostScript font must have both the screen and printer fonts for a given set in order to work. They also must be in the same folder.
2) The suitcase of bitmap fonts will work alone, but output will be terrible since the system will print the fonts using the 72 dpi screen fonts in the suitcase if the outline portions are missing.
3) Having only the outline fonts will not work. You will get exactly what you are having problems with. You can see the fonts, but they will not load. That's not a problem with Font Book, Suitcase or other font manager. None of them, nor the system itself will load outline fonts without the matching suitcase of screen fonts present.

Custom fonts won't load

Hello!
One of my users got CS6 installed a while ago, along with some custom fonts our company uses (called Bliss fonts). I installed the fonts myself, going through the windows Fonts folder - Add fonts. But Photoshop won't load in the fonts. They are nowhere to be found in the fonts list, and when the user opens a picture that contains the font and he tries to edit it, it says that the fonts are not available and PS will do a font substitution.
I've tried reinstalling the fonts, renaming (adding .old) to some maps accociated with PS (it was about corrupted files, something I found around here) but that didn't solve it either. The fonts are readily available in other programs such as Word and PPT. Does anyone have any tips? We're running WinXP if that's any help.

Your fonts do not contain proper identification info/ redundant identification info that matches anotehr font and Adobe programs therefore ignore them/ hide them for safety. This needs to be rectified in the font files themselves using a font editing software. Happens a lot when some lazy font designer just slapped in the company logos into a standard font and didn't edit all that stuff...
Mylenium

Why is my navbar not loading in edge animate 2014?

Just upgraded Edge animate to the new Adobe Edge animate 2014 but now my navigation won't load in preview browser.

As a Test:
Hold down the option (or alt) key and launch iPhoto. From the resulting menu select 'Create Library'
Import a few pics into this new, blank library. Is the Problem repeated there?

Custom fonts not loading while Edge Animation inside an iFrame

Hi can someone help me with this strange problem? Custom fonts, specifically, Typekit fonts I used in my Edge Animate animation is not loading IE 11 when the animation is inside an iFrame. If you view the animation HTML directly on the browser, the fonts load perfectly fine.
Here is an example where the animation is inside an iFrame and part of a webpage where fonts are not loaded when using IE11.
http://www.pandaequipment.com/test/contact.html
and here is the HTML file directly where fonts and loaded fine in IE 11
http://www.pandaequipment.com/test/edgeanimate_assets/myhero/Assets/myhero.html
All the other browsers I tested don't have this problem.
Can someone tell me some ways to fix this in IE?

Hi Keith,
I'm sorry that you ran into trouble with this. I also saw this issue when I tested your site in Chrome on OS X 10.9, although the fonts worked on reload because they were then cached in the browser.
I suspect the the issue is in the "src" attribute on the iframe:
iframe allowtransparency="true" frameborder="0" scrolling="no" src="edgeanimate_assets/myhero/Assets/myhero.html"
Would you try changing the src to a full path, and see if the fonts load into the iframe?
iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.pandaequipment.com/test/edgeanimate_assets/myhero/Assets/myhero.html"
Background: Typekit gets the domain name from the browser referrer and uses it to check that the site matches the listing on your kit. This is one of the security layers to make sure someone can't steal your Typekit fonts and use them on their own site. When loading fonts into an iframe, the iframe referrer needs to match as well.
If the iframe referrer doesn't match or is blank, the behavior is browser-specific. Some browsers will use the referrer of the parent page and so the fonts load, while others don't apply the fonts at all.
Setting the iframe src to the full URL should ensure that a referrer is sent, and may fix this issue.
Please give that a try, and let me know how it goes! Thank you,
-- 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 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

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

Edge Animate loading jquery twice. External jquery plugin error.

I recently created an interactive map (http://www.lakesofbellaterra.com/Interactive_Map_Demo/Testing/test1.html) using Edge Animate CC 2014.1.1 Release. I used the zoom.min.js plugin from jQuery Zoom to achieve the zooming image effect present when you click on one of the map section and reveal the "section modal". Further more the zoom.js plugin uses jquery 1.7.1. I am deploying this Edge Animate project in a Business Catalyst site using a content holder. Even though the zoom.js plugin works with Internet Explorer 7+ and Firefox I initially was not able to get the zoom.js plugin to work in either browser. After changing the <meta> in the <head> to <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"> via suggestion from StackOverflow (internet explorer - What's the difference if <meta http-equiv="X-UA-Compatible" content="IE=edge"> exists or not? - Stac…) I was able to get the zoom image function to work in Internet Explorer 9+. So now I just need to get this function working in the current version of Firefox 35.0.1. As of now when I click on the zoom image nothing happens. The console in firebug reports the following JS related errors:
Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead jquery.min.js:1
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. LOBT-IxD-SectionMap_edge.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery-1.7.1.min.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.easing.1.3.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.zoom-min.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.zoom-min.js
Use of getPreventDefault() is deprecated. Use defaultPrevented instead.
After some research I found a lead (WordPress › Support » how to prevent jquery loading twice?) That suggested that Edge Animate may be loading jquery twice, and that may be the source of the errors. I need to find out why this animation is not working in Firefox.
Here is a list of things I have already tried that did not work:
-Changing the utf charset to : <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-Changing the version of jquery used from 1.7.1 to the latest release of 1.11.2
-Changing the image source referenced in the zoom.js call from a .svg to a .png
-Removing any scripts that may conflict with Edge Animate or zoom.min.js that are being called from within the Business Catalyst page template.
-Running the project outside of Business Cataylst to see if the error persists (it does)
Here a link to the Edge Animate project: Dropbox - LOBT Interactive Section Map
As always any help is determining why Edge Animate projects with a zoom.js plugin do not work in Firefox 35.0.1 would be most appreciated.

Hi jeremy
Thanks for sharing the info. We'll look into this and get back.
Thanks
Manigandan

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

Why do I have to Sign Out in Creative Cloud then Sign back in everytime I open InDesign or any other CC program for that matter to view my previously loaded TypeKit fonts?

Why do I have to Sign Out in Creative Cloud then Sign back in everytime I open InDesign or any other CC program for that matter to view my previously loaded TypeKit fonts?

Hi Denise, It seems that your machine is not holding up the activation. Kindly try to following steps.
https://helpx.adobe.com/creative-cloud/kb/sign-in-out-creative-cloud-desktop-app.html
https://helpx.adobe.com/x-productkb/policy-pricing/activation-network-issues.html
Try to create a new admin account and check if the products are activated or not.
We would be waiting for your response.
Thanks,
Atul Saini

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

'Add fonts from typekit' button won't work

Hi,
For some reason the adobe desktop app won't sync typekit fonts. The button on the font tab of the adobe cc app is unresponsive when I click it. Any thoughts?
Thanks

Cmcnally have you quit and reopened the Creative Cloud Desktop application? Are you logged in as a local administrator? Are you on a managed network? Finally which operating system are you using?

Typekit fonts + showing reflow project for approval?

Similar question to a few others I have seen here but haven't found a good answer too.
I have a Reflow project that uses a Typkit kit (contains some of the Museo fonts) and I want to show this for approval via our internal network. What is the easiest way to do this and have the Typekit fonts display correctly?
Just sending a link to a copy of the assets folder that I put in my public drive means the font won't display correctly. Can I put the files on DropBox? And if so, what do I enter as a domain in the "Kit Settings" folder to get this to work if the files are on Dropbox? Or is there a better way to handle this?
Apologies in advance for my ignorance.
Thanks!

Hi KP,
I'm sorry that you ran into trouble with this. The project will need to be staged on a web server for the Typekit fonts to load. This is because Typekit requires the browser referrer for font loading, and the referrer is not sent when a file is opened in the browser as "file://".
You can do this with Dropbox, by placing the file in the Dropbox Public folder. You should see a file there called "How to use the Public folder.rtf" which explains how to set this up, or you can find the information in the Dropbox help pages.
Then add the Dropbox domain name to your kit, e.g. dl.dropboxusercontent.com: TYPEKIT | Domains
(Don't forget to republish the kit after adding the domain.)
Alternately, you can stage the project on your own internal or testing URL. Again, just make sure that you have added the temporary location to the domain listing on your kit.
If you have any questions or problems, you can reach us here on the forum or directly at [email protected] Thank you,
-- liz

Why don't TypeKit Fonts work with Edge Inspect

I have a Typekit kit setup with localhost added to its allowed domains and all mobile options checked. Running the site locally on http://localhost:4567/ works fine. The fonts load and display correctly.
However, when I connect an iPhone 4, 4s or iPad 2 using Edge Connect, the fonts do not load.
How should I troubleshoot this? I've found technical note suggesting that republishing the kit should solve it, but it does not and it is a new kit anyway.
I have tried adding the specific port to the allowed domains for the kit - /localhost:4567, but this has no effect.

Hi,
Yes. You're in luck. Had a couple of very helpful people from Adobe support look into it and here is their final response in full:
TLDR: It won't work out the box but there are good workarounds.
When you're browsing a local website via the hostname `localhost`, which would not be accessible to any other devices on your network, Edge Inspect automatically gets your machine's local IP address (which is not the same as the external IP as shown on sites like whatismyip.com) and sends that to the mobile apps. For instance, let's say I have a Sinatra application running in Chrome on my Mac as http://localhost:4567. My iPhone wouldn't be able to understand the hostname "localhost", but it can see my Mac using its IP address 10.1.10.1, so Edge Inspect will navigate to http://10.1.10.1:4567.
So, to get fonts working, you could add both `localhost` and `10.1.10.1` to your kit. However, we don't recommend adding local IPs to kits because they tend to change without warning. (In my example above, the next time I turn on my computer its IP could have changed to 10.1.10.2, but all I would know is that fonts had stopped working on my devices again.)
To work around this, we recommend using some form of "dynamic DNS" — basically, a domain name that is automatically updated with your current IP and therefore will always point to your computer.
If you're using a Mac, the simplest thing would be to use your Mac's Bonjour hostname. Bonjour is a technology built into Mac OS X and iOS to help devices find each other automatically over networks.
To find your Bonjour hostname:
1. Open System Preferences on your Mac.
2. Choose the Sharing icon.
3. Your Bonjour hostname will be displayed in the top area, under the "Computer Name" field.
You can add the hostname that appears there to your kit, and use it on any Apple device on your network. For example, my Bonjour name is Davids-rMBP.local, so I can browse to http://Davids-rMBP.local:4567 on any Mac or iOS device and see my Sinatra app.
Unfortunately, this simple solution will only work on Apple devices or Windows PCs with Apple's Bonjour software installed — you can't use this hostname with Android phones or tablets. If you need a hostname that will work on any device, there are a couple of options I'd recommend:
1. A third-party service called Forward offers a way to easily forward ports from your computer to other devices anywhere on the internet. You can learn more about them and sign up for a 30-day trial here: https://forwardhq.com. Forward will give you a permanent domain name for your forwarded app that you can add to your kit, such as `dev-yourcompany.fwd.wf`.
2. 37signals has a free "wildcard DNS" service called xip.io that will automatically forward traffic to a local IP address. You can get your current local IP address by opening System Preferences, then choosing Network. The IP address should be shown in the small text underneath the connection status for whatever connection is active (i.e. has a green dot next to it). Once you have the IP, you can access your computer at [YOUR IP].xip.io. To get fonts working, add *.xip.io to your kit. Remember that your IP may change, so if your site stops being accessible you should check to make sure you have the correct IP address.
I personally use xip.io if I need to test Typekit on multiple devices using Edge Inspect. It's certainly not the easiest option to use, but it works quite well with almost no setup and it's free.

My chosen Typekit font won't load in Edge Animate CC 2014

Similar Messages

Maybe you are looking for