Fist Face: DIY @font-face web service:

January 14, 2011 Tagged: @font-face web service heroku HTTP cache sinatra amazon s3 typography web design how to Comments (View) DIY @font-face web service Phil recently designed Developers Developers Developers Developers , an event we’re running for Boston-area high school and college students: It looks awesome in part because of liberal use of @font-face . These days, it’s simple to use @font-face. Just use a stylesheet referencing a web service like Google Font Directory : <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin' rel='stylesheet' type='text/css'> … then use the font as part of a normal CSS font stack: #schedule .event-time { font-family: 'Lobster', arial, sans-serif; } What if the font isn’t on an @font-face web service? There are plenty of commercial @font-face web services, which Kyle has covered in detail . However, there are cases wh...