Search code examples
font-facecufon

Is it better to use @font-face or cufon rather than images?

I have a site that requires Trade Gothic. I'm wondering if it's better practice to use @font-face or cufon with a font that looks similar to Trade Gothic or just go the image route. Obviously, using images will look better but what is better practice? For example, is replacing header titles with images like below bad?

<h2><span>title here</span></h2>

span { display:none }
h2 { background:url(image.jpg);display:block;height:x;width:y }
Solution

  • Well, the most obvious advantage that @font-face and cufon have against the image replacement method that you mention is that they generate your text dynamically and you don't have to create an image for each text that you want to replace.

    Take a look here: https://stackoverflow.com/questions/692990/sifr-vs-cufon-vs-typeface-js