One of the things I hate most about the internet today is having to deal with web browser compatibility. For custom fonts on a website, it is necessary to use the font-face src tag in CSS3. The problem here though, is that some browsers, like Internet Explorer, don’t support the TrueType font format. As such, most methods of enabling this feature require using the Embedded OpenType format. That also means we need to convert our .ttf files to .eot and host both up on our websites.
So, how do we convert from TTF to EOT under Linux?
First, download and install ttf2eot here: http://code.google.com/p/ttf2eot/, or through your package manager if it is available. As I’m under Arch, I personally used this AUR entry: http://aur.archlinux.org/packages.php?ID=29710&detail=1
Now we are ready to convert our font. The example I’ll be using is a font called Delphine, which you can find here: http://www.fontpark.net/en/font/delphine/ It’s fully open source (you can find the original on SourceForge), and is pretty awesome. The TTF file I am using is called Delphine.ttf.
[kota@archdesktop Downloads]$ ttf2eot < Delphine.ttf > Delphine.eot
The other super simple alternatives lies on http://ttf2eot.sebastiankippe.com/ Just choose a file, hit convert, and you’re done!