WEBFONTS FOR SELFHOSTING

The fonts will be hosted by yourself on your web server (web fonts self-hosting). The web fonts have to be implemented via @fontface. We demand the implementation of an additional script to avoid hot-linking from third parties. Please see technical description (pdf) or details below.

Using web fonts with Cascading Style Sheets (CSS): Upload the font files to your web server. You need the files EOT, TTF and WOFF for each font style you want to use for your site. Use the CSS code example below to address your webfonts. Replace the example font file URL with its appropriate path on your server.

@font-face {
font-family: 'FontName';
src: url('/fonts/fontname-webfont.eot');
src: local('‚ò∫'), url('/fonts/fontname-webfont.woff') format('woff'),
url('/fonts/fontname-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}



In case other websites link directly to your hosted webfont files (this is called hotlinking), they use your fonts without having licensed them properly causing you additional traffic costs by using your bandwidth. The Binnenland Webfont EULA (End User Licence Agreement) demands that you take reasonable measures against hotlinking and direct access to font files.
A reasonable measure is utilizing referrer checking in your web server. Each request for your font files which doesn’t come from inside your own site will be blocked after you add the rules below to your server configuration (the example is for Apache HTTP Server).
Let’s assume your website’s address is www.example.com and you have uploaded the webfont files into a subdirectory called /fonts/. Make a new file named .htaccess inside this directory and paste these lines into it:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$ [NC]
RewriteRule \.(woff|ttf|eot)$ - [F,NC,L]
Options -Indexes

Replace example\.com by your own domain name. The dot must be preceded by a backslash.
The regular expression (www\.)? means that both URLs with and without the ‘www’ prefix are valid for your site. Requests for all files ending in .woff .ttf or .eot with an external or empty referrer will now receive an HTTP error 403 (‘forbidden’). The line Options -Indexes disables the file listing for the fonts directory.

For more information please see also in our technical description (pdf)