Why does my text look strange in Google Chrome?
-
If you look at my site in Google Chrome, the text in the post looks strange: http://lydialavin.com/punto-de-venta/
As if some letters got erased…
How can I solve this?
Thanks!!!The blog I need help with is: (visible only to logged in users)
-
Howdy,
The custom font you’re using is being rendered by Chrome incorrectly for a couple of characters when bold/strong is set. We’re checking into it on our end and with TypeKit to get it fixed up for you.
In the meantime, a temporary work around would be to add
strong { font-weight: 500;}to your custom CSS.If you have any questions, please let me know! Cheers!
-
Howdy again,
We heard back from TypeKit and that particular font wasn’t meant to used for regular, body text. Our suggestion is to choose a different font for your body text (and we’ll prevent other users from choosing it for the body in the future).
The odd presentation is limited to only Chrome browsers on Mac.
Please let me know if you have any questions or need anything else.
-
Hey! Thanks for the attention.
I would very much like to keep my present font, since I used that same font for the image-text titles.Henceforth, I would like to solve the issue via css… However, I didn’t understand the code declaration you suggested. Is it:
.strong {font-weight: 500;}
(is it with or without the initial “.”?)Thanks!!!
-
It’s without the “.”
My “strong” text doesn’t look strange in chrome anymore…
However, now my “strong” text looks normal in every navigator (it’s not bold).):
-
Correct, without the period.
The problem with the font is that it doesn’t come with a true bold version. Most fonts (used for body text, at least) ship with various versions at different font weights (italic, italic bold, bold, semibold, regular, etc) that were designed and specifically designed for that purpose.
That particular font was only designed initially with one font weight, so when set to bold, the browser looks for the 700 weight one (in this particular case). Since it doesn’t exist, it looks for the closest, which is the 500 normal weight, then tries to make it bold itself.
Chrome on Mac’s faux-bold algorithm is processing the font in an undesirable way, causing some of the characters to look funky.
In short, either we, for now, set the font-weight to normal for all and wait to see if the next update of Chrome handles it better and/or TypeKit’s designers add additional weights to the font, switch fonts, or let Chrome on Mac’s rendering stand for now.
:-(
-
- The topic ‘Why does my text look strange in Google Chrome?’ is closed to new replies.
WordPress.com Forums 