How to create smooth headlines with HTML and CSS?
css, fonts, html, webfonts
Solution
Assuming you don't want to use images as text replacement, there are several techniques, that adapt font enhancement in very unobtrusive way:
- using flash - SIFR
- pure css = `@font-face` and directly embed fonts in `ttf` or `otf`
- javascript enhancement technique, the script is called Cufon
Personally I like to use web safe fonts with combination of less known and do proper fallback
Problem
I saw a lot of web pages recently, that have very smooth headlines, like this website for example: http://boagworld.com/ How do they go about to do that? Are there any hidden clues? At one point I heard from a technique where they used Flash (I think) to embed custom fonts onto a website and then replace normal headlines with this flash alternative. What other ways are there besides flash?