675 posts
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • Weekly Top Seller
+7 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
  • Weekly Top Seller
  • Elite Author
  • Author Level 8
  • Featured Author
+6 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
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • Weekly Top Seller
+7 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
  • 7 Years of Membership
  • Affiliate Level 1
  • Author Level 4
  • Collector Level 2
+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
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 2
  • Weekly Top Seller
+7 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
  • Affiliate Level 1
  • Author Level 4
  • Beta Tester
  • Collector Level 2
+4 more
BroOf
says

Maybe this helps you:

-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
3007 posts
  • 5 Years of Membership
  • Affiliate Level 5
  • Author Level 9
  • Bundle Boss
+8 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 )

3439 posts
  • Author Level 4
  • Collector Level 2
  • Community Superstar
  • United States
+2 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
  • 5 Years of Membership
  • Affiliate Level 1
  • Author Level 6
  • Canada
+2 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
  • 4 Years of Membership
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