Why are my Photoshop fonts fuzzy?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
I created my webpage in Adobe Photoshop. My first page fonts were great. The second page fonts were fuzzy? What can I do?
Photo of Al

Al

  • 1 Post
  • 0 Reply Likes

Posted 10 years ago

  • 1
Photo of gamedemon

gamedemon

  • 216 Posts
  • 22 Reply Likes
I don't use or know much about photoshop, but my suggestion would be to save the file as a .png

It worked for me once in a different situation. Maybe it will help you. Otherwise, maybe someone else has a solution.

I hope you found an answer
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
Hey Al, have you published your site? can you post your URL? I want to see what you mean. Thanks.

Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
Check to see if the fonts are TrueType or PostScript. In your font manager, TrueType fonts are contained in a single suitcase-shaped icon, PostScript fonts are have 2 parts - a suitcase icon, and a printer font represented by by a square icon with the letter "a" or an icon shaped like a printer.

If one is clear and the other is not, switch the one that is not to the other type.

I also find that pngs are better than jpgs like GD said above.

Also check in Photoshop under "image" that the image size and resolution are the same, and under "mode" that you have rgb and 8 bit selected.

And do not save at a low res and then try to enlarge it artificially. (by draging the little red square in the site builder to re-size) Save it at a res so that the image is actual size when placed, or larger and then reduced.

If possible, set your type in the site builder, and place your images only from Photoshop.

Or if you have Adobe Illustrator, you will find that it does a better job with text issues.

If this works for you, please mark my reply as helpful. Thanks.
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
Cool. I'm still wondering about the "transparent png" not familiar with it. Just out of curiosity, please explain. Thanks
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
Perhaps, you should ask Diane, graphic designer of Synthasite, about what i am refering to in transparency in IE. I know she can explain this more accurate because me, too, wondering why these png's are not good in IE as Firefox does. That was based from my personal encounter with png in IE. Anyway, your site is one of my favorites, i like your designs. Because personally, i love also making designs with effects. hopefully you can share to me some tips.
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
Thanks. Ask about things any time. my email's on my site.
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
Just took a look at your site, Grace... Outstanding! I like what you've done with it. The layout on your home page is great. I may have to ask YOU for some tips :)
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
Thanks Guido, im flattered to hear such kind of compliment from a professional graphic designer like you. for sure one of these days i will give you a message in your email especially about the flash carousel, i like it. And of course you are also welcome to ask help from me if you have any.
Photo of Diane

Diane

  • 90 Posts
  • 10 Reply Likes
Hi Al-
Can we see the site to which you are referring? Seeing the graphics always helps.

Grace-
You're right, IE won't display transparent PNGs the way Firefox will.

Diane
-Graphic Designer @ Synthasite
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
Thanks Diane for confirming this one, because before i only thought that it might be my IE has a problem with my .png images. That is why as much as possible i use .jpeg format for all my images for sure and perfect viewing. Thanks again, this really helps.
Photo of Diane

Diane

  • 90 Posts
  • 10 Reply Likes
Some of these links may explain this better. I think it's possible to use some code you can use to fix the issue.

http://www.pcmag.com/article2/0,1759,...
http://koivi.com/ie-png-transparency/
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
This explains! Thanks for the links, Diane.
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
Decent. Confusing, but I'll heve to read it a few times. Guess I just never ran into this issue.

I have the big "G" in my banner ghosted back and on top of a sunset image, but the banner stands alone so it's not and issue like shown in the pcmag article. I placed it as a single flattened image even though it was made in several layers... interesting. Thanks.
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
Probably Guido because your big "G" in png is placed in a solid image. And perhaps even if the banner itself is in jpeg or png, i think it doesnt affect the transparency because your banner itself has no transparent around. Your big "G" is being built with your solid banner so definitely it is transparent in your banner. This is what i guess.

IE is really confusing in transparency because before i tried posting a png image in IE and the way it looked in preview is perfect but when i published it, it alarmed me because the transparent part was like a grayish shadow.