Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Posted by John Locke
John Locke
9,450 Points

Question about Web Fonts

For those of you using the Adobe Edge Web Fonts, do you also load a @font-face, just in case? Or do you simply rely on Javascript to do its work?

The main reason is I am wondering whether this is worth a performance hit, or the degree of a performance hit that a single webfont will make.

Thanks for your input.

6 Answers

Deleted User
Deleted User

You won't be able to use @font-face with Edge Fonts. You only have the rights to access those fonts from Adobe's site. You can download your own fonts if you have the license to do so, and upload them to your server, and use @font-face, but you'll probably have to pay for that.

There are some free options at http://www.fontsquirrel.com/

John Locke
John Locke
9,450 Points
John Locke
John Locke
9,450 Points

Mark, I think that you misunderstand my question entirely. I already know how @font-face works - I've used fonts that I have bought and licensed before, and I use the Font-Squirrel Generator. Let me be more specific:

I'm using League Gothic. I already have a @font-face kit from Font Squirrel and the font package from League of Movable Type. I just was looking more into Adobe Edge Fonts and thought "What a cool idea".

My question is, with a font that I can use as a @font-face that is ALSO an Adobe Edge font, would you recommend leaving the font-face rule for anyone who might not have Javascript, or should I just forget it, reason being the page will download the fonts?

John Locke
John Locke
9,450 Points
John Locke
John Locke
9,450 Points

Thanks James, I actually use Google Fonts sometimes. Typekit is something that I've resisted using for a few years now, but it was something I was investigating for a potential client site, which is how I got pulled over to the Edge Fonts site. I guess I didn't realize that Typekit has been part of Adobe for a year now. I still thought they were their own thing.

Deleted User
Deleted User

Hi John,

Ah... Sorry about that. I guess I would prefer the @font-face method and ignore the Edge Font. Not that it's terribly noticeable, but there is a slightly higher load time with a remotely hosted font. I think Edge Fonts are nice if you don't currently own the license to a font, giving you a more affordable way to use them.

I'm sure people may have other theories, but that's min for what it's worth.

John Locke
John Locke
9,450 Points
John Locke
John Locke
9,450 Points

I'm sorry for coming off like a douche, Mark. That's what I was trying to figure out. Making page load faster is the next area I'm trying to figure out, and experienced opinions are always helpful.