Is there a difference (in licensing) between embedding a font on a website and just setting it in ‘font-family’?

I’d like to use Futura font on my website. I know I can just state it in the ‘font-family’ attribute, like this:

font-family: 'Futura', 'Helvetica', 'Arial', sans-serif

but afaik, that uses the font IF it is installed on the user’s computer.
I suppose I need to buy the license for the font if I want to also embed it in my website, so everybody sees the page with Futura. But do I need to buy the font if I just list it in the font-family?

Answer

If you’re not serving the font from your server, you’re only displaying it to people who already own the font. For anyone else, the browser will drill down the font stack till it finds a matching font on the computer.

WebFonts and Licensing

A webfont is a font that is used online. What makes it different is that the font is formatted so that browsers can see and render it accurately. This is often called a dynamic font, because the creator and user must have the font to see it properly.

These fonts are often embedded in the design project to ensure this works properly. Fonts can be embedded by the designer (but most licenses do not allow for this), while others include hosted embedding (this is how most webfont services work).

The wording of the license will specify if you can embed the font on your site or not.

http://designshack.net/articles/typography/what-is-a-font-license-and-do-i-need-one/


However, (unsolicited advice) as far as designing and developing goes, I’d probably recommend either embedding the font, or not including it at all. It makes it too hard to have a consistent experience across all devices, and also means you have to QA everything for both fonts (at least, you probably should, since different fonts will change the layout)

Helvetica (the second font in your stack) is not a standard font either. I would definitely rethink having the first two fonts be non-standard and non-embedded for the above reasons. You can try embedding “Helvetica Neue,” which I’ve found is an excellent alternative to Helvetica, (but you will have to buy the font)

Here are some other alternatives you might want to check out:
http://intavant.com/blog/2012/futura-web-font-alternatives/

Is there a free ‘Helvetica Neue’ alternative?

Attribution
Source : Link , Question Author : Lea , Answer Author : Community

Leave a Comment