Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Problem with photoshop and realistic web font

Featured Replies

Hello,


I'm not English, sorry for my English.

I wonder how you manage to realistic render fonts that you use in your Photoshop mockups for webdesign?

I mean, consider the model of a page of a blog, I can never make the same record on the web for writing the article font, there is always a little blur that makes the template a bit unrealistic compared to a web page.


Thank you in advance for your help!

Is the problem the font in the preliminary Photoshop design or with the web page? From your post it sounded like it's Photoshop, in which case I'm not sure what the issue is since it's the web page that ultimately matters. If you mean the font renders differently on the web page than in Photoshop, that's normal since PS is design software that forces fonts to appear crisper and slicker than in reality.

  • Author

that's normal since PS is design software that forces fonts to appear crisper and slicker than in reality.

Ok, thanks !

I thought I could have given the customer a more or less accurate, but actually, it is an retouch image software so...
Thank you, at least I know what I want is not possible.

Photoshop doesn't force fonts to be crisp and smooth (i.e anti-aliased), but it does so by default. In Photoshop at the top of the menu when your text is selected, you can select 'none' from the anti-aliasing drop down menu (in CS6 it's a double 'a' symbol). In that there are other options, sharp/crisp/strong/smooth. Selecting 'none' will make it look more like web text, as web fonts have no anti-aliasing.

Edited by Atomicus

  • 6 months later...

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.