Here's some example text from gmail under Google Chrome v37.0:
Here's the same message text from gmail under Opera v12.16:
MS core fonts are installed.
Here is Google Chrome's advanced font settings
I configured Gmail under the settings section, but that only defines default outbound font behavior and not what is shown from other users.
Is there a way to clean up the font issue under Chrome?
You might be seeing this Chrome bug which sounds similar:
https://code.google.com/p/chromium/issues/detail?id=374818
I recommend you star it (in the top left) to follow any developments and maybe comment if you have info to contribute.
According to the comments there it affect the latest Chrome 37 version in Linux, and this problem indeed appear in gmail.
You can try the workaround suggested there:
j.lasock...#intrallect.com:
For a bit of a tedious workaround, you can use stylebot to apply global stylesheets to chrome
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
and
twelve.e...#gmail.com:
Just to expand on #4 above, specifically for Gmail users, if you install stylebot and use the following rule, you'll have at least a workaround for Gmail (assuming you like OpenSans). I'm not sure if this bug is even tracked by the devs anymore, since it's still sitting in "unconfirmed" status.
URL: mail.google.com
css:
div {
font-family: OpenSans;
}
Related
For all of my chromium based browsers, I'm getting a very bad font within Oryx for ErgoDox. If you're not familiar with the tool, you can see my keyboard layout here.
Update: I'm seeing in "Rendered Fonts" a strange font I don't recognize. Now I'm trying to work out how this is even happening, and why it's all my chromium browsers. See bottom photo below.
Update 2: The current theory is that my system is using the first "sans-serif" font it finds because of a syntax error in ErgoDox's CSS for the font-family; "Lato" should be enclosed in single quotes ' and it is not. This is causing my system to fall back to the first sans-serif font it finds, which is normally something more useful like "Arial", but is pix PixelFJVerdana12pt in my case. I've installed both "Lato" and "LatoLatin" and it is still rendering this awful font.
Update 3: Uninstalling "pix PixelFJVerdana12pt" fixed the issue ?? Now I'm looking into that font to figure out what the heck that even is? Now it renders Lato from the web? I'm putting an updated screenshot at the bottom with it fixed.
Here's what I've discovered and tried:
The site uses "Lato,sans-serif;" for all its fonts - loaded from woff2/woff files hosted on their site.
This problem exists for all of my chromium browsers: Chrome, Brave, Vivaldi, Edge.
The site loads just fine in chromium (Chrome) for a friend of mine.
The site loads just fine for me on my mobile phone.
Extensive searching online yields no reports of anyone else having this issue.
The site displays fine in Firefox.
I've installed Lato to my machine directly from Google Fonts.
I've downloaded the woff2/woff files from ErgoDox and opened them using a woff viewer online; they display correctly there.
Reloading the site with cache disabled does not work.
There are no console, or network errors (in developer tools).
The only extensions I have installed in this instance of chromium are: 1Password, Adobe Acrobat and Application Launcher for Drive (Google).
I run Windows Defender and Malwarebytes Enterprise.
I highly suspect this issue is local to me, and not a more global issue.
Anyone else with this issue? Any suggestions?
Problem demonstration:
Weird rendered font:
After uninstalling "pix PixelFJVerdana12pt":
The solution to the problem was to uninstall the "pix PixelFJVerdana12pt" font. I have no idea what is wrong with it, but it's now working as expected.
Those of you who get your kicks out of IT troubleshooting and mysteries, this is a good one for you to try to figure out! I'd still love to understand why this was happening - so strange.
I think I've figured it out and fixed it on my system - the font pix PixelFJVerdana12pt/PixelFJVerdana12pt by Flashjunior.ch has a TTF UniqueID of 0, which must cause Windows's font handling to treat it differently. I changed this to the font's name in FontForge, and replaced it on my system - after a restart of Chrome, the fonts in Oryx and gameatlas.com seem to be how they were intended to look.
Recently part of the app I work on was tested on Windows, and we found that dropdowns/select elements in one particular UI context rendered very differently on Chrome for Windows and Ubuntu than it did on Chrome for macOS.
I have tried inspecting the elements and the styles in Chrome dev tools on the different operating systems, but have been unable to see any difference that could account for the dropdown being as expected in one context, and completely unusable in another.
My question is what could account for this difference, and is there any way in dev tools to see what the difference is? I am new to debugging cross-platform styling issues, and am not sure where to start other than the styles tab in Chrome dev tools, and I haven't found what I am looking for there.
On macOS:
On Windows and Ubuntu:
(in the screenshot it appears as though the months are absent, but they are just white-on-white, so they can't be seen unless they are highlighted):
Selects are mostly styled by the browser / OS. So you can customize it up to a certain point (you can use -webkit-appearance: none; to disable some of the default styling, then apply what you need), but to really make it look identical throughout all platforms, you have to fake it with some regular elements like divs and lis and JS
For some reason, my tabs have gotten crunched on my google chrome browser (see picture attached). I've try to go into settings and reset browser but it does not change. I'm running windows 8.1 with my fonts at 150% because I have big monitors.
Version 31.0.1650.63 m
I just did some more searching and found the answer (though it makes the screen pretty ugly, google does not do a good job with this)
http://productforums.google.com/forum/#!topic/chrome/BnI6QInBHC4
"I found the answer posted by Azmeer Kahn on November 22. Type chrome://flags in the address and scroll WAY down to the HiDPI section - change from default to Enable. Whew. Worked for me."
Are these tabs pinned? I had similar problems with pinned tabs in early versions of chrome. Unpinning and pinning again might help then.
I am using two Google Web Fonts at my website. They are Roboto Slab and Fauna One. They look good in latest Mozilla Firefox and IE10 but for some reason they look horrible in Google Chrome.
They are linked to my website as follows:
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
It took me a while to realize that Google Chrome has a problem with web fonts and that it renders them poorly. I am wondering if there is solution for this?
What if I download those two font types and embed them into the main directory of my website and then call them through CSS via #font-face property? Would Google Chrome in that case render those fonts nicely or I would still have the same problem and poorly rendered fonts???
Or there is some other solution for this issue?
Thank you all!
I believe I saw some bug report for Chrome where it was mentioned that this will be fixed - but I'm not 100% sure. I believe that it's not actually 100% the fault of Chrome...
My understanding is that the problem is to do with the order in which font types are presented in the #font-face directive. So, Chrome handles more than one type but not all types will render at equal quality. Apparently, Google actually doesn't serve the fonts in the right order from fonts.google.com - somehow...
In the end I found that, with Roboto at least (which I'm also using on a project), it is available for use on Font Squirrel (and open sourced under the Apache 2.0 license) - so you can download it here: http://www.fontsquirrel.com/fonts/roboto (download the Webfont Kit for full cross-browser font support) - you lose the CDN goodness of having it hosted on Google's servers if you use it from your own web server but, IMHO, I'd rather lose a few milliseconds than have to deal with such terribly rendered text...
I can't help you with Fauna One, unfortunately - it doesn't appear to be listed on Font Squirrel - perhaps you can find it on another font site? Or another similar font which is available on font squirrel?
From a web browser perspective (Chrome being the browser in question), Chrome 35 in Windows has difficulty rendering some fonts, like Roboto, without some horrible artifacts that make the font difficult to read.
There is a feature called DirectWrite that will be included by default in future versions of Chrome that will fix this problem. You can enable it now in Chrome 35 by going to chrome://flags in your browser URL bar. You can Enable DirectWrite (experimental in Chrome 35), close your browser, open and try again.
Just to be clear, I discovered this problem on Chrome 35 for Windows. DirectWrite is a DirectX API for rendering fonts in Windows. Chrome by default uses Windows Graphics Device Interface (GDI) which seems to be the problem.
See this article
I am having a problem with my browsers (Safari, Chrome, and FF) displaying text in italics when it's not supposed to be italicized. This is happening on multiple sites including Google sites (Google, YouTube) as well as sites I have built and others (godaddy email, ford.com, even stackoverflow). Surprisingly though, it is not happening with my time tracker site (freeagent.com).
I have no idea what's going on. I have not installed any new software recently nor any new fonts. I am running Mac OS X lion.
I had the same problem where all the email titles were bold in my GoDaddy Email, on several browsers and only at one computer. It all happened after installing Suitcase Fusion and copying over a font library to that specific computer. I followed Lisa's suggestion and permanently turned on another version of Arial (TrueType, version 3.05) and it did the trick: all the email titles are back to normal (bold if unread, regular if read).
I've been having this problem... text bold and italic in all browsers, websites, twitter, even emails... what I did to fix it was make sure that Arial was turned on permanently in my Suitcase... it should have been anyway as a system font I guess but who cares because it fixed it!
Check your Safari Preference (Command-,), and navigate to Appearance tab, double check and make sure that the Standard font is non-italic font. Mine is Times 16. Hope this helps.
In chrome to solve this you have to do the following:
paste address bar the following and hit enter: chrome://flags#disable-direct-write
Under Disable DirectWrite Windows click "Enable" (this will disable DirectWrite in fact (background becomes white)
A button labeled "Relaunch Now" at the bottom of your screen will apear. Click that button and will relaunch Chrome with the new settings, and the text should appear normal after this.
Recently had this problem on my Windows 7 machine, while running Google Chrome Version 52.0.2743.116 m. None of the other fixes mentioned here worked for me.
Turns out that an installed application had reregistered some basic fonts, which lead to Chrome not being able to find the fonts. In my case it was NewspaperDirect's PressReader (which I don't recall ever installing), that modified the registry so some basic fonts pointed to .ttf files stored in PressReaders program files folder.
Fix
Run regedit.exe (with admin privileges)
Navigate to the registry key "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts".
Scroll through the list of fonts, and locate any that are similar to "C:\Program Files (x86)\NewpaperDirect\PressReader\publisher\Styles\Fonts[font name].ttf"
Right click the value name and choose Modify....
Remove the directory path, so that all that remains is the file name "[font name].ttf".
Repeat 4 and 5 for all bad registry values.
Restart Chrome.
Registry value before fix
Bad registry value
Good registry value
Fixed registry value
if you have same problem with other browsers too, it may because of some errors in your fonts in windows. try to reinstall default windows font in your font folder (c:/windows/fonts). you can copy default font from another pc or download it from here :
http://www.withsteps.com/404/how-i-restored-my-windows-7-default-fonts.html