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.

Help: Google Chrome Font issue (Look good on Firefox but not on chrome)

Featured Replies

Hello,

 

I have created a order summary page and font look good in Firefox (Easy to Read) but on google chrome fonts look ugly and hard to read.

 

post-60891-0-86824500-1415768221_thumb.gif

 

I tried to use Arial, etc fonts but my problem is not solved ;/

font-family: Arial, Helvetica, sans-serif;

Thank you.

Try this, I'm not sure if it will work as I dfon't know your Chrome version number or your OS. Recently Chrome did improve it's text rendering, but before this it was poor, especially in Windows.

 

-webkit-font-smoothing: antialiased;

 

It won't help that your text has been transformed by rotation, but it certainly shouldn't look half as bad as your screenshot.

  • Author

Try this, I'm not sure if it will work as I dfon't know your Chrome version number or your OS. Recently Chrome did improve it's text rendering, but before this it was poor, especially in Windows.

 

-webkit-font-smoothing: antialiased;

 

It won't help that your text has been transformed by rotation, but it certainly shouldn't look half as bad as your screenshot.

Not working..

 

 

 

what OS?

link to the page please

This page show to registered users only so I created a html page.. http://zeromb.com/test/Dewlance%C2%AE%20Hosting%20-%20Shopping%20Cart.html

The font looks the same in chrome and ff for me (windows)

But some versions of chrome might require a vendor prefix for the rotation to work correctly

-webkit-transform: rotate(7deg);

Does helvetica/arial look ok without the rotation?

If not check if you've accidentally have deleted or renamed the referenced fonts in your systems font folder.

Edited by Nillervision

@@rbrtsmith - lol everything always looks better on a mac ;)

 

looks ok to me on latest firefox and chrome on win7. have you tried also rotating by half degree more or less?

btw the text also falls on top of the grey border - you could increase you padding if you wanted.

Just tried on Firefox 33 and Chrome 38.0.2125.111 - both look fine.

 

And please, for the love of god, please don't use symbols ® and spaces in file names... URL's look horrible with %20 in it. And I have no idea why you would need a ® in your file name anyway.

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.