675 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+6 more
dexterous says

Hi All,

I am here with another question:

A website project that I am working on currently requires the fonts to be smooth (Smooth as in when you choose ‘smooth’ in photoshop).

The designer has used a free font and the font does not have bold type. so smooth is really required by the client.

for now I have used a hack which I found online of using a very small shadow and blur, it looks okay but not great.

So is there any way that fonts can be displayed as they are in photoshop (smooth)?

By the way I am using cufon for the custom font.

Many Thanks.

590 posts
  • Has referred 50+ members
  • Has sold $125,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+5 more
CodeSwift says

The text-shadow is only CSS3 compatible, so it’s not visible for IE browsers. I think Cufon makes the text smooth enough, but it’s not enough for your client?

675 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+6 more
dexterous says

Well, I can talk to him about it.. but since I have not done much css/html work, before saying anything to him I wanted to make sure that it is really the best which could be done (using cufon and textShadow).

Thanks.

688 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+3 more
_rg_ says

The smooth depends on browser and os. For example over winxp you have no smoothing on firefox, but you have it on ie8. On mac, any browser has smoothing. But, no, you can’t apply smooth from css.

Also, the font used is the most important thing. A font to work fine, must be created for screen. If you use a font that has been created for print, in many sizes will look realy bad and also will have problems in letterspacings.

675 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+6 more
dexterous says

Thanks rg,

my client is using mac so hopefully there will be no complaint :)

I will let the designer know about the ‘screen’ fonts.

1799 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+4 more
BroOf says

Maybe this helps you:

-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
3007 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+7 more
duotive says
Maybe this helps you:
-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;

only for the webkit ( opera ) engine, moz ( firefox ) is left out and so is trident ( internet explorer )

3221 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
  • Has been part of the Envato Community for over 4 years
+1 more
organicbee says
Maybe this helps you:
-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
only for the webkit ( opera ) engine, moz ( firefox ) is left out and so is trident ( internet explorer )

webkit is safari, flock 3 and chrome’s engine not operas(operas engine is presto) and firefox’s engine is gecko(same with flock 2) but it uses the moz extension

10 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Located in Canada
+1 more
9dlabs says

great, thank you.

Was looking for something like this. Already used the shadow & blur trick but yes the results are okay but not great.

9dLabs

2 posts
  • Has been part of the Envato Community for over 3 years
mathew1204 says
Hi All,

I think cuffon will make the font smooth enough shouldn’t require any other software fo rthe purpose else search google and sewe if you get any other options than the ones you have received on the forum.

Mathew Website Design and Development

by
by
by
by
by
by