750 posts
  • Affiliate Level 3
  • Author Level 3
  • Beta Tester
  • Collector Level 2
+7 more
myjilson
says

I don’t know how to explain the thing. But let me try. I see a lot of themes with great typeface. Sometimes, when we design a layout in Photoshop, the texts will be so sharp and clear. But when we convert it in to HTML /CSS, sometimes, we lose the clarity of the texts. I mean the fonts may not be that sharp. It appears some crisp texts rather than what we have designed. But when I looked into some of the wordpress themes/html templates, I can see they have used the same font with perfect clarity or without any crisp effects. How’s this achieved? I wanted to give some theme links here. but I know it’s against the rules. Any idea??? or should I be more clear??

21 posts
  • 2 Years of Membership
  • Author Level 2
  • Collector Level 1
  • Exclusive Author
+1 more
OTallu
says

Photoshop has a lot more font functionality than a web browser. It applies all kinds of smoothing algorithms. The best way to replicate how a font will look on the web is to set the Anitialiasing in Photoshop to ‘sharp’.

113 posts
  • 4 Years of Membership
  • Affiliate Level 1
  • Author Level 3
  • Collector Level 2
+1 more
Zorthemes
says

well on light backgrounds i use text-shadow: 0 1px 0 white; this sharpens the text to some extent.

750 posts
  • Affiliate Level 3
  • Author Level 3
  • Beta Tester
  • Collector Level 2
+7 more
myjilson
says

I don’t think the drop shadow will help. I tried that. Any other tricks or suggestions?

213 posts
  • 2 Years of Membership
  • Author Level 1
  • Collector Level 2
  • Exclusive Author
+2 more
themelux
says

Are you talking about regular default HTML fonts or using Fontface?

750 posts
  • Affiliate Level 3
  • Author Level 3
  • Beta Tester
  • Collector Level 2
+7 more
myjilson
says

Are you talking about regular default HTML fonts or using Fontface?

Not fontface! oh!! I don’t know how to tell it. ;) The paragraph texts, heading texts everything is so smooth. Check this theme for example: http://demo.brankic.net/?theme=BigBangWP The font is so smooth. Did they add any effects to make it in this way??

3007 posts
  • 5 Years of Membership
  • Affiliate Level 5
  • Author Level 9
  • Bundle Boss
+8 more
duotive
says

They did not do anything. There are some fonts that look great and some look ugly. I personally have no idea why. Also some fonts look good with bigger font sizes and some with smaller. They just used what google gave them. Look on how it looks on google fonts too – https://www.google.com/webfonts/specimen/Oswald

750 posts
  • Affiliate Level 3
  • Author Level 3
  • Beta Tester
  • Collector Level 2
+7 more
myjilson
says

They did not do anything. There are some fonts that look great and some look ugly. I personally have no idea why. Also some fonts look good with bigger font sizes and some with smaller. They just used what google gave them. Look on how it looks on google fonts too – https://www.google.com/webfonts/specimen/Oswald
yeah I see! it’s strange that some of the font is so ugly in smaller size but pretty good in large size!!!
21 posts
  • 4 Years of Membership
  • Exclusive Author
amabil
says
750 posts
  • Affiliate Level 3
  • Author Level 3
  • Beta Tester
  • Collector Level 2
+7 more
myjilson
says

This might help http://www.smashingmagazine.com/2012/07/11/avoiding-faux-weights-styles-google-web-fonts/

YES !!!! THIS IS THE REASON !!! :) THANKS A LOT BUDDY ! :)

by
by
by
by
by
by