WordPress 4.6 admin font change looking odd! Any solution?

@george J, last update at now, add opensans font for form elements in media modal window:

// add custom css
$custom_css = 'body, #wpadminbar *:not([class="ab-icon"]), .wp-core-ui, .media-frame input[type="text"], .media-frame input[type="password"], .media-frame input[type="number"], .media-frame input[type="search"], .media-frame input[type="email"], .media-frame input[type="url"], .media-frame textarea, .media-frame select { font-family: "Open Sans", sans-serif !important; }';

@george J, there is one more place to add css for body { font-family: “Open Sans”, sans-serif !important; } – it is login page (wp-login.php), but I have not idea how to do it :/

Please see
https://make.www.ads-software.com/core/2016/07/07/native-fonts-in-4-6/ for why fonts were changed.

@siepaw: Done and done. Snippet and zip updated. ?? Thank you!

Other solutions:

– a plugin called Add Admin CSS. Add this to the custom CSS field: body, textarea, #wpadminbar * {font-family:"Open Sans",sans-serif;}
– a plugin called WordPress Branding. Just enable the Open Sans font in the settings. This plugin has more options to customize the admin, so the font setting is just a part of it.

So, guys here is the conclusion: You can solve WordPress 4.6 admin dashboard font problem two way.

Solution 1) Download this plugin: https://wpcrumbs.com/2016/08/how-to-bring-back-the-old-opensans-font-in-wordpress-dashboard/

Upload, Install and Active then you will get same admin font as was before.

Solution 2) Install this plugin: https://www.ads-software.com/plugins/add-admin-css/

Then go to your Dashboard
Appearance -> Admin CSS -> Admin CSS (2nd box) just put below line and save it.

body, textarea, #wpadminbar * {font-family:”Open Sans”,sans-serif;}

Hallo,

… thanks “biccinnomanus”! ??
I decide me for the Solution 2) Install this plugin: https://www.ads-software.com/plugins/add-admin-css/

In Solution 1) – the google font will load again from the google api! ;( Not good…!

But – I hope this only a temporary solution and the WP team, fix it general in the next release!

STOP! STOP! STOP! STOP! STOP!

I’ve updated another WP-Installation to WP 4.6.

Now is running the pure WP 4.6 (with terrible fonts)!
But, I see in source code now, that WP 4.6 still load the google fonts from the google api!

See:
<link rel='stylesheet' id='ls-google-fonts-css' href='https://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700&subset=latin%2Clatin-ext' type='text/css' media='all' />

and:
<link rel='stylesheet' id='rs-open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C700%2C600%2C800&ver=4.6' type='text/css' media='all' />

WHY?!? That I don’t understand!
It was said but, from version 4.6,
are no fonts loaded from the google api!?!

Thanks for your quickly Info/Answers!

@mike73

Yes, and don’t forget my version few posts above, which is the fastest from the code execution perspective; does not require any CSS knowledge and does not load fonts twice ??

The fonts are probably kept for now for backward compatibility, but it may be removed in the future.

@mike73 If you want to disable the Google Fonts (from the front-end as well), then use Disable Google Fonts

@mike73: good idea, I will edit the plugin to check if the font is already loaded by another plugin/theme.

But just checked a clean WP 4.6 install and Open Sans is not embeded by default in Dashboard. ?? Well, actually is loaded but not embeded in the page because is not used as a dependency anymore.

// Deprecated CSS (from script-loader.php)
	$styles->add( 'open-sans', $open_sans_font_url ); // No longer used in core as of 4.6

These are definitely embeded by another plugin or theme.

<link rel='stylesheet' id='ls-google-fonts-css' href='https://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700&subset=latin%2Clatin-ext' type='text/css' media='all' />

<link rel='stylesheet' id='rs-open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C700%2C600%2C800&ver=4.6' type='text/css' media='all' />

These are definitely loaded by another plugin or theme.

Fwiw, George’s plugin has been approved. He just has to upload it.

I have to apologize for the earlier post, have simply forgot that already have installed Open Sans in my OS (to speed up work), which was pulled automatically.

There is a hotlink source in the WP core scripts, but now it is not used anymore anywhere, thus the font must be loaded externally.

If the font is available in the OS, external line can be removed, but that is usually not the case for most users.

My eyes hurt! For me, the entire admin panel is in BOLD text… what happened to WordPress???

I’m running Chrome & Firefox on Linux Mint 17, and I have the same problem on both browsers. Seems that “Roboto” is the font used in my case…

@adriana
Please read thru the thread. You will find why the change was make and a plugin to use.