Preferred Image Replacement Techniques

[TomBristol]

What is the preferred image replacement technique currently for CSS? I have been using the one that someone here at SeoMoz recommended a year or two ago, which was:

Text to be hidden

{

#id {

overflow:hidden;

width:200px; //width of the image

background-image: url(...);

}

#id span {

display:block;

width:1000px;

height:1000px;

}

[KeriMorgret]

Hi! We're going through some of the older unanswered questions and seeing if people still have questions or if they've gone ahead and implemented something and have any lessons to share with us. Can you give an update, or mark your question as answered?

Thanks!

[OrionGroup]

I'm interested on an update on this question too. Scott O.

[TomBristol]

Since I posted this, I've been using Google Fonts and @font-face instead of doing image replacement. When I need to use a font that I don't have a license for, I do image replacement as I described above. I've not run into any problems or penalizations with that method.