I just installed some new google fonts for www.versioneye.com. Droid Sans and Droid Serif. Usually all you have to do is to add something like this into your css file:
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
That worked fine for me on my localhost. Unfortunately it didn’t worked out after I deployed everything on Heroku. I did some research, but I still don’t know why it didn’t worked.
I decided to download the fonts and to deploy the fonts together with the application. I wanted to deliver the fonts in 3 different formats. Unfortunately I was only able to download the ttf format of the font. I just this website to convert it to some other formats:
And I changed my CSS file and used this code here to add the fonts:
@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url('/fonts/DroidSans.eot?#iefix') format('embedded-opentype'), url('/fonts/DroidSans.woff') format('woff'), url('/fonts/DroidSans.ttf') format('truetype'); }
Know it is working fine.