Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 742
  • Last Modified:

CCS fonts and smooth text

Hi, is there anyway of using H1 with CSS and not have un-smooth text...The text look like pixel text, like when not adding a sharp, smooth effect to text in photoshop....I would rather try CSS than a graphic...:)
0
wood1e
Asked:
wood1e
1 Solution
 
Mark StegglesWeb DeveloperCommented:
Greetings wood1e,

There is no css property to control the smoothness of text.

One thing you can do is cover the h1 text with a graphic.

<h1><em></em>Title</h1>

h1
{position:relative;
width:585px;
height:105px;
overflow:hidden;
}
h1 em
{display:block;
width:585px;
height:105px;
background:url(image.jpg);
position:absolute;
top:0;
left:0;
}

Regards
0
 
VirusMinusCommented:
This is the best solution available for smooth typography and use of non-standard fonts other than Arial, Verdana etc.

http://www.mikeindustries.com/sifr/

example usage:
0
 
wood1eAuthor Commented:
Hi have tried the background image and the text over the top....with veranda, but I can never align the text with the text of the graphic?
0
 
Mark StegglesWeb DeveloperCommented:
Hello again,

The text is supposed to be covered by the graphic
0
 
LeeKowalkowskiCommented:
There's currently no supported CSS property for anti-aliasing fonts.  

In Windows, you can enable smooth fonts in the display properties ( http://www.worldstart.com/tips/tips.php/1213 ).  If your users have done this, they won't benefit very much from your efforts to smooth some of the text in your website on their behalf, because the text would have been smooth in the first place.  
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now