675 posts
  • Exclusive Author
  • Won a Competition
  • Most Wanted Bounty Winner
  • Sold between 10 000 and 50 000 dollars
  • Philippines
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
+1 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
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Has been a member for 3-4 years
  • Europe
  • Exclusive Author
  • Referred between 50 and 99 users
  • Bought between 100 and 499 items
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
  • Exclusive Author
  • Won a Competition
  • Most Wanted Bounty Winner
  • Sold between 10 000 and 50 000 dollars
  • Philippines
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
+1 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
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 6-7 years
  • Referred between 1 and 9 users
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 5 000 and 10 000 dollars
  • Uruguay
_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
  • Exclusive Author
  • Won a Competition
  • Most Wanted Bounty Winner
  • Sold between 10 000 and 50 000 dollars
  • Philippines
  • Bought between 10 and 49 items
  • Has been a member for 4-5 years
+1 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 been a member for 5-6 years
  • Germany
  • Exclusive Author
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Sold between 5 000 and 10 000 dollars
  • Microlancer Beta Tester
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
BroOf says

Maybe this helps you:

-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
3007 posts
  • Author had a File in an Envato Bundle
  • Bought between 1 and 9 items
  • Elite Author
  • Europe
  • Exclusive Author
  • Has been a member for 3-4 years
  • Referred between 100 and 199 users
+2 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 )

3119 posts
  • Sold between 5 000 and 10 000 dollars
  • United States
  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
  • Exclusive Author
chrisakelley 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
  • Canada
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
  • Sold between 50 000 and 100 000 dollars
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 a member for 3-4 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