@font-face and licensing
by Bug Logic
posted: January 29, 2010
When @font-face started to be supported on every browser we've tested it on, I figured it was time to start using it whenever I had the chance. I was reading the working draft for the @font-face rule at from the WC3. Towards the bottom, came across the concerns regarding this CSS rule from font founderies.

The concerns are obviously legit. If I'm roaming the web and see someone using a font I'd like to have, it's a no-brainer to go get it.

For example, here's a free font (available all over the place for no money) example, which you can see in the style sheet of this page:

-------------
@font-face {
    font-family: kleptocr;
    src: url('KLEPTOCR.TTF');
}
.klep {font-family:kleptocr, arial, sans-serif; }
-------------

If this were a nice expensive font (which it is neither of), it doesn't take much to go and grab it, because within the style, I've told you exactly where it is. Have at it:

http://buglogic.com/KLEPTOCR.TTF

Now, I'm no legal expert, but it occurs to this simple mind that the answer to the licensing issue is easy. If you look in the style sheet of this page, you'll see another @font-face declaration, which is as follows:

-------------
@font-face {
    font-family: akzid;
    src: url('../../AkzidGroCFFMd.otf');
}
.akzid {font-family:akzid, helvetica, arial, verdana, sans-serif; }
-------------

Note the path to the font (../../AkzidGroCFFMd.otf), which happens to be a lovely licensed font that we own which we use when in a Bauhaus sort of mood called Akzidenz-Grotesk. The path to the font leaves the directory we are in, and then leaves the root directory. It's easy enough for a web developer to place a file before the root and as I'm sure everyone knows, there's no way to get at that file from a browser.

Licensing problem solved: Require licensed fonts to be placed before the root directory and then just call them as such. Perhaps I'm just a simple-minded idiot and I recommend you leave a comment here if that's how you feel about it.

For my part, I'm just placing all licensed fonts before the root directory and will sleep well at night knowing that nobody can get at the fonts I have spent hard-earned pesos on.

BiteSizedSnack is an example of a site where we're putting this to use. If you look at the css (written straight into the page) you will see an @font-face call for memphis.ttf which resides before the root directory.


Published in haste
Approved topics
Sordid history


bug logic lab