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?
Assuming you don't want to use images as text replacement, there are several techniques, that adapt font enhancement in very unobtrusive way:
@font-face
and directly embed fonts in ttf
or otf
Personally I like to use web safe fonts with combination of less known and do proper fallback
They're just using images as the CSS background for certain things, in this case:
http://boagworld.com/wp-content/themes/BoagworldV2/images/logo.gif
You can do whatever you want with a few images and css, something like:
#header { background: #FFFFFF url(myLogoImg.png) center no-repeat; }
If you don't want to use image replacement or sIFR, but want custom fonts, you should take a look at TypeKit - http://typekit.com/. They let you call custom fonts (that they have licensed to you) directly from your style sheet with font-family, and use javascript embedded on your page to serve the fonts from their servers. I'm using it their service on a project right now and so far it seems to work well. They don't have a huge library of fonts available yet, but it's still bigger than Arial, Verdana, Georgia and Times New Roman.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With