-
1. Re: How do I include 'Edge Web Fonts' into Edge Animate?
TimJaramillo Sep 27, 2012 9:49 AM (in response to Naffbo)Hi Naffbo,
What do you mean by 'Edge Web Fonts'? The fonts included in the Edge interface are all standard web-safe fonts, so you don't need to package them when you deploy your files. Notice in the Properties/Text panel that there are fallback fonts listed. So if the user doesn't have Arial, it will fall back to Helvetica. If they don't have Helvetica, it will fall back to sans-serif.
Are you trying to package your own set of locally-stored, non-web-safe, display fonts? If so, see this page (written by the talented Sarah Hunt):
http://blogs.adobe.com/edge/2012/01/27/web-fonts-and-edge-together-at-last/
On this page, scroll to "How to Embed Web Fonts Using Local CSS".
-
2. Re: How do I include 'Edge Web Fonts' into Edge Animate?
AllDayDevSep 27, 2012 11:18 AM (in response to Naffbo)
You can insert the info for the web fonts you want to use into your page's code.
These pages include information for how to do this:
-
3. Re: How do I include 'Edge Web Fonts' into Edge Animate?
Teaching_ADBE Oct 8, 2012 1:47 PM (in response to AllDayDev)Edge WebFonts is not working as of today, "out of the box" with the JS code provided in Edge Animate...
-
4. Re: How do I include 'Edge Web Fonts' into Edge Animate?
ubgllc Oct 12, 2012 9:43 PM (in response to Teaching_ADBE)Agreed. Web fonts, with all the hoopla and fanfare upon release, simply doesn't seem to work inside Edge Animate.
-
5. Re: How do I include 'Edge Web Fonts' into Edge Animate?
resdesign Oct 13, 2012 10:42 AM (in response to Naffbo)Have you tried to use google fonts? I have used them and they work for me.
When you add your font for example:
Copy paste:
<link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
and then for font family.
'Finger Paint', cursive;
then select addfont on the addfont screen
-
6. Re: How do I include 'Edge Web Fonts' into Edge Animate?
resdesign Oct 13, 2012 10:46 AM (in response to Naffbo)As far as Edge fonts, I agree, they do not always work!
-
7. Re: How do I include 'Edge Web Fonts' into Edge Animate?
resdesign Oct 15, 2012 6:39 AM (in response to Naffbo) -
8. Re: How do I include 'Edge Web Fonts' into Edge Animate?
elaineccOct 15, 2012 10:17 AM (in response to resdesign)
Hi, folks-
Carey's response is the only way Edge Web Fonts are currently supported. We do have a fix for the issue in the next release, but it's not available through the "Add Font" dialog at the moment.
Thanks,
-Elaine
-
9. Re: How do I include 'Edge Web Fonts' into Edge Animate?
resdesign Oct 15, 2012 10:25 AM (in response to resdesign)It will be nice to be able to add the Edge fonts and be sure they work in the future. In the mean time, I am using other web fonts to avoid any problem.
-
10. Re: How do I include 'Edge Web Fonts' into Edge Animate?
resdesign Oct 15, 2012 10:32 AM (in response to elainecc)By the way the Edge Font collection is pretty nice!
-
11. Re: How do I include 'Edge Web Fonts' into Edge Animate?
Jerry Witt Oct 15, 2012 2:10 PM (in response to resdesign)There are other issues with Web Fonts in Edge to be aware of too. Even using Google web fonts, if you set up a web font and later go in and change it in the font panel, you will not be able to apply that font. It is necessary to create any Google Web Font from scratch in EA and then switch your fields to that font.
Also if a Google Font has multiple weights and you choose one outside the "normal" or base weight, that font will not work in EA.
But beyond that Google Fonts have been working great. I haven't tried them with Typekit yet.
On a side personal note, one font I wish was available as a web font is a LCD or LED style font (ideally monospaced) for that retro calculator and digital watch look.
-
12. Re: How do I include 'Edge Web Fonts' into Edge Animate?
resdesign Oct 15, 2012 2:24 PM (in response to Jerry Witt)Good tip, Jerry!
-
13. Re: How do I include 'Edge Web Fonts' into Edge Animate?
Teaching_ADBE Oct 24, 2012 12:16 PM (in response to resdesign)Last friday I seen new and yet-to-come Edge Reflow and it already has Edge Webfonts very well integrated in the interface. Hope to see that in Animate anytime soon !
-
14. Re: How do I include 'Edge Web Fonts' into Edge Animate?
Mateo1 Dec 4, 2012 10:29 AM (in response to Naffbo)In the code integer, just add some thing like this
List of font :
myFont, Arial, Helvetica
In the code integer
<style type="@font-face { font-family: 'myFont'; url('font/myFont.ttf') format('truetype');}"></style>
add EOT, SVG... for other browser
-
15. Re: How do I include 'Edge Web Fonts' into Edge Animate?
elaineccDec 14, 2012 5:12 PM (in response to elainecc)
1 person found this helpfulHi, all-
Just wanted to let you guys know that Edge Web Fonts should work better in 1.0.1. You can now cut and paste the Edge Web Font JavaScript into the Add Font dialog within Animate, add in the font-face name to the title (in quotes if it's multiple words), and then use it as you would Google Webfonts or TypeKit fonts.
Let us know what you think!
Cheers,
-Elaine
-
16. Re: How do I include 'Edge Web Fonts' into Edge Animate?
heathrowe Dec 14, 2012 5:35 PM (in response to elainecc)This works quite well Elaine - thanks for incorporating this I justed updated my blog with a quick reference walkthrough for those interested.
Darrell
-
17. Re: How do I include 'Edge Web Fonts' into Edge Animate?
resdesign Dec 14, 2012 7:49 PM (in response to heathrowe)THis is good news indeed! Read the release notes! Thanks!
-
18. Re: How do I include 'Edge Web Fonts' into Edge Animate?
Franck Payen Dec 14, 2012 11:28 PM (in response to elainecc)Excellent news ! now i'm just dreaming of a webfonts panel being a crossover of the one in Muse and the one in Edge Code Preview