Question Chrome weird font

[goldieczr]

Some long time ago I installed some fonts for use in Photoshop. Since then, I've been having issues in Google Chrome, the font appears in some parts of texts. I don't see any pattern, it just appears on basically every website. I tried uninstalling the font, reinstalling chrome, resetting it from the settings, nothing works. I don't want to uninstall windows 10 since i have lots of important stuff and no way of backing them up. What could I do? (Yes, i checked in the settings at fonts, everything is normal)

 

[britechguy]

It would help to have screen shots of the actual issues you're experiencing rather than a vague description.

That being said, have you turned off hardware acceleration? Chrome Settings, Advanced, System section, Use hardware acceleration when available toggle. It has a tendency to cause a multitude of issues on certain systems.

No font installation or uninstallation (provided you don't remove one of the basic ones that Chrome uses) should have no influence on Chrome whatsoever.

 

[goldieczr]

It would help to have screen shots of the actual issues you're experiencing rather than a vague description.

That being said, have you turned off hardware acceleration? Chrome Settings, Advanced, System section, Use hardware acceleration when available toggle. It has a tendency to cause a multitude of issues on certain systems.

No font installation or uninstallation (provided you don't remove one of the basic ones that Chrome uses) should have no influence on Chrome whatsoever.

There's a screenshot of the font at middle of the post..

https://imgur.com/boFUeGT

View: https://imgur.com/boFUeGT

Yes, hardware acceleration is off. I'll get some more screenshots from other websites so you don't think it's just a website causing problems:
Tumblr:

https://imgur.com/YtUKuoa

View: https://imgur.com/YtUKuoa

Coinmarketcap:

https://imgur.com/0y30eXZ

View: https://imgur.com/0y30eXZ

 

[britechguy]

This is very, very odd.

I'm just curious what you see in MS-Word (or whatever word processor you use) when you type something in each of the fonts that Chrome is supposed to be using? If it's the same in the word processor then I'd suspect a corrupt (or somehow "substituted and misnamed" font file.

Also, try going in to Settings, Personalization, Fonts to see (literally) what the fonts installed to your system actually look like. What I can see at the resolution of your screen shots as uploaded looks suspiciously like AR-Delaney. If a font is missing on your system Windows will automatically try to select another to substitute for it. It would be interesting to look at the page source code for the items being presented in that weird font and to see if they all share the same font face. If they do, then make certain that this font is installed, and even if it is, consider removing and reinstalling it.

 

[goldieczr]

The fonts look fine in microsoft word:

https://imgur.com/TUqMxj5

View: https://i.imgur.com/TUqMxj5.png



I checked the fonts list over and over again, there's no font like that and every font even similar to the one i uninstalled. Like I said, this happened after I installed around 20-30 fonts in a row for use in graphic design, but then uninstalled every font that looked like the one in chrome.

However, i went to inspect elements and checked the fonts being used on tumblr. Showed me the 'Helvetica' font. After checking in the fonts list yeah, the fonts provoking the issues was, in fact, helvetica.

https://imgur.com/J9R1Gch

View: https://i.imgur.com/J9R1Gch.png


However after completely deleting the entire list of 50+ fonts and installing them again, checking to actually be the good fonts (looks like when I installed those fonts weeks ago there were modified versions of helvetica), the problem was still there. Thought it may be an issue provoked by the chrome's cookies & cache so deleted them all. The font is still being used even though it have been uninstalled from the computer.
This is the last screenshot with the now good fonts installed:

https://imgur.com/K0yPaY9

View: https://i.imgur.com/K0yPaY9.png

 

[britechguy]

You say you deleted cookie cache, which is mixing two different things.

If you deleted cookies, that will do nothing (probably). If you delete Chrome browser cache, that may work.

You still need to take a look at the source code for the pages where that font is displaying if clearing cache does not resolve the issue to identify which font the page itself is specifying for the elements appearing in the other font that's wrong. That will probably be the first step in the search for a solution. That or you could try doing a repair install of Windows 10 to see if that will get some of the standard system fonts "back to normal" everywhere.

 

[goldieczr]

You say you deleted cookie cache, which is mixing two different things.

If you deleted cookies, that will do nothing (probably). If you delete Chrome browser cache, that may work.

You still need to take a look at the source code for the pages where that font is displaying if clearing cache does not resolve the issue to identify which font the page itself is specifying for the elements appearing in the other font that's wrong. That will probably be the first step in the search for a solution. That or you could try doing a repair install of Windows 10 to see if that will get some of the standard system fonts "back to normal" everywhere.

I'm not really familiar with the use of inspect element so can you detail more on how to do it?
I deleted both cache and cookies, I don't really know the diference between them two so decided to delete them both.

 

[britechguy]

In Chrome, when you're viewing any page you can use CTRL+U to cause a tab showing the page source for that page to open up.

In looking at this page, for instance, I'll use one of the copies of my own post signature as an example. Here's the HTML code for it:

<aside class="message-signature">
            
                <div class="bbWrapper"><span style="font-size: 18px"><span style="color: rgb(85, 57, 130);"><span style="font-family: 'georgia'"><i>Brian </i></span></span></span><span style="font-size: 12px"><span style="color: rgb(0, 0, 0);"><span style="font-family: 'georgia'">- Windows 10 Home, 64-Bit, Version 1903, Build 18362</span></span></span><br />
 <span style="font-family: 'trebuchet ms'"><i><span style="font-size: 15px">       <b>A great many people think they are thinking when they are merely rearranging their prejudices.</b></span></i></span><br />
                         ~ William James</div>
            
            </aside>

Notice in this case that the font family is named for the various bits. Now, this is not always the case if something is controlled via a cascading style sheet (CSS) but sometimes it is. If one of the words, or phrases, that's showing up in the odd font is pretty distinctive, do a search for it on the page showing the source to see if a font family is identified. See if two things showing up incorrectly are using the same font family, which would give you a pointer to which font may be corrupted or absent on your machine.

 

[goldieczr]

In Chrome, when you're viewing any page you can use CTRL+U to cause a tab showing the page source for that page to open up.

In looking at this page, for instance, I'll use one of the copies of my own post signature as an example. Here's the HTML code for it:

<aside class="message-signature">
           
                <div class="bbWrapper"><span style="font-size: 18px"><span style="color: rgb(85, 57, 130);"><span style="font-family: 'georgia'"><i>Brian </i></span></span></span><span style="font-size: 12px"><span style="color: rgb(0, 0, 0);"><span style="font-family: 'georgia'">- Windows 10 Home, 64-Bit, Version 1903, Build 18362</span></span></span><br />
<span style="font-family: 'trebuchet ms'"><i><span style="font-size: 15px">       <b>A great many people think they are thinking when they are merely rearranging their prejudices.</b></span></i></span><br />
                         ~ William James</div>
           
            </aside>

Notice in this case that the font family is named for the various bits. Now, this is not always the case if something is controlled via a cascading style sheet (CSS) but sometimes it is. If one of the words, or phrases, that's showing up in the odd font is pretty distinctive, do a search for it on the page showing the source to see if a font family is identified. See if two things showing up incorrectly are using the same font family, which would give you a pointer to which font may be corrupted or absent on your machine.

https://imgur.com/ZwUhOOk

View: https://imgur.com/ZwUhOOk

Since tumblr doesn't really work, I tried with another website but can't find a font-family

https://imgur.com/ckfE4Gc

View: https://imgur.com/ckfE4Gc

https://imgur.com/mNvMYJD

View: https://imgur.com/mNvMYJD

Anyway, by going back on the website and renaming the 'highlighter' class (which looks like has the source of my problems) to a random name it made the weird font dissapear. Soo, I went back to the top of the page, searched for the stylesheet links, opened one and found the highlighter but didn't find any font-family

https://imgur.com/9454fO3

View: https://imgur.com/9454fO3

I got on the main page, got to the css file and decided there was a problem with the 'bold' font-weight, deleted it and yeah, here was the problem.

https://imgur.com/yK7Ft5U

View: https://imgur.com/yK7Ft5U

Went back to the source file, ctrl+f font-family and got 36 results, all showing to 'Source Sans Pro', 'Lato', 'Montserrat', 'Helvetica Neue' (which was the font used for .package-extra, .tooltip, .popover and body), 'sans-serif,Verdana,Tahoma', 'monospace', 'inherit', 'Menlo, Monaco, Consolas, "Courier New", monospace'. Now, many of these don't matter but since i found that helvetica was the font with problems i searched for the 3 classes.

https://imgur.com/DP3buQ5

View: https://imgur.com/DP3buQ5

https://imgur.com/pLN9b7N

View: https://imgur.com/pLN9b7N

Now, looking that these match with the font 'Helvetica' and the problem, thought I may have another look at the font list, and here you go, the parts where the font should be 'BOLD' use the broken helvetica 'BOLD' font.

https://imgur.com/fd7A8N4

View: https://imgur.com/fd7A8N4

There are only these 3 variants of the font that have problems, the 2 bolds and one regular. Checked the Arial font too just to be sure. Decided to uninstall, again, these 3 variants and even their name tell what kind of font that is 'bold-OUTLINE'

https://imgur.com/pzEsbJz

View: https://imgur.com/pzEsbJz

After uninstalling the first bold, the other 2 fonts dissapeared. Well, they actually didn't just simply dissapear, they transformed back to.. normal?

https://imgur.com/edHvJhz

View: https://imgur.com/edHvJhz

So got back on chrome, deleted cache and reloaded the page..... it is still broken.
Also, checked if Firefox is giving me the same problem. Nope. Firefox is fine. Just fine.

https://imgur.com/w8oPUio

View: https://imgur.com/w8oPUio