We offer webfonts for self-hosting, so that you’re always in full control. Sometimes people require hosted webfonts, which means our fonts are not located on your own server, but on an external server controlled by another company. One isn’t necessarily better than the other one, it’s just what you prefer yourself.
Most people want to have 100% server uptime and full control on their data, and want to host their webfonts themselves together with the rest of their website data. They also don’t have any additional financial obligations in the future, as we offer our webfonts with one-time fee. Simple. Buy webfonts in our webshop
Sometimes there might be limitations, for example when you don’t have the possibility to upload fonts to your own server. For those cases our fonts are available as hosted webfonts for a small, but annual fee at TypeNetwork. Get hosted webfonts at Type Network
No, not at all. Self-hostable webfonts are exactly as easy as a hosted service. You’ll get exactly the same fonts together with a piece of code. Put the fonts on your server, copy-paste the code in your CSS, and off you go. You don't need extra technical skills for self-hosting compared to a hosted-service.
Note: our self-hosted fonts have a perpetual license, so you don’t need to worry about the future of your webfont service.
In case you never did this before, this is a very simple, basic start.
1) Upload your webfonts
Upload the webfonts (which you downloaded from underware.nl) via FTP to your server. This folder should contain all 4 font formats (.eot, .ttf, .woff, .svg) for every font. Upload them in the same directory as your CSS.
2) Include the font files via CSS
The package you downloaded from underware.nl includes a _UnderwareWebfontsKit.css file. Copy-paste that complete text into your own CSS, or link the file by adding this line of code to the header of your html file.
Currently you’ll get .eot, .woff, .woff2, .ttf and .svg files. This might change in the future once there is less need for some formats. Eventually the .woff format will likely be the only available webfont format, and will hopefully be supported everywhere.
The webfont kits provided by Underware currently come with this CSS syntax:
While ordering the web license you’ll only receive fonts which work on the web, they cannot be installed a desktop computer. For creating Photoshop mock-ups of your website, you’ll need to obtain a separate desktop license. Very simple: webfonts are for web, desktop fonts to install locally on your computer. But don’t worry: both desktop as well as webfonts are attractively priced, costs can’t be the reason not to walk this path. We think that completely separating the desktop and webfont license is the best and most honest solution for anybody. No expensive all-use-bundles, only pay what you use.
If you buy webfonts through our webshop, you’ll receive an email with a download link. This links to your order-page where you can:
• download your fonts
• download your invoice
• download your license
• link to a free Typekit-voucher (activating the fonts on Typekit = optionally)
• download goodies (for example PDF’s)
• view your order history
The downloaded font package contains:
• Every font you bought in 5 different formats (.eot, .svg, .ttf, .woff, woff2)
Select one of the 35 languages to quickly preview the font in a browser with this demo file.
Mostly you’ll read and hear about “webfonts”, but sometimes you’ll also read “@font-face” (-display). In case you wonder what the difference is: basically nothing. They are the same thing. “@font-face” is just the technical correct term for webfonts, so in license agreements this term is likely mentioned. This term is the name of the declaration used in the CSS (Cascading Style Sheets), which defines how to display HTML elements. But when humans talk, they usually don't talk about “@font-face”, but mostly just name it “webfonts”.