DEV Community

Cover image for How to change the WordPress admin font (with any Google Font, no enqueue)
Lucas Fenwick
Lucas Fenwick

Posted on

How to change the WordPress admin font (with any Google Font, no enqueue)

#wordpress #webdev #css #googlefonts

Open your WordPress dashboard and read the body text — menu labels, table rows, form fields. It's the system-UI font stack WordPress hard-codes for wp-admin (-apple-system, "Segoe UI", Roboto, …). Every WordPress site, the same font. You can theme the front end and even brand the login screen, and the admin body text still looks like stock WordPress.

The default way to change it is enqueueing a Google Font on admin pages and overriding the body:

add_action('admin_enqueue_scripts', function () {
    wp_enqueue_style(
        'admin-google-font',
        'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap'
    );
});
add_action('admin_head', function () {
    echo '<style>
        body.wp-admin, body.wp-admin #wpbody-content {
            font-family: "Inter", sans-serif !important;
        }
    </style>';
});
Enter fullscreen mode Exit fullscreen mode

It works — but you're hard-coding one font in a snippet, hand-managing the Google Fonts URL and weights, and stacking !important against core admin styles that shift between WordPress releases. Want a different font next month? Edit the code again.

I tested doing it from the admin instead, with WP Adminify's Customize module. Here's the honest before/after.

What the default admin font costs you:

  • Every client dashboard reads as generic WordPress
  • No live preview — with the code route you save, reload wp-admin, and eyeball it
  • Changing the font means editing the enqueue URL and weights by hand

What changed after setting the font in Adminify:

  • Pick any font from the Google Fonts library in a dropdown
  • Live preview of the dashboard body text before you save
  • Stored in plugin settings, so a core admin-CSS change doesn't send you back to the snippet
  • Swap fonts anytime without touching code

Small thing, but the dashboard is where you and your clients actually work. Body text in a font you chose reads as "our tool," not "a WordPress install."

Short demo (before vs after font)

Step-by-step doc: https://wpadminify.com/docs/adminify/customize/change-the-body-font

How do you handle admin typography — an enqueue snippet, a child-theme add, or a dedicated tool? Curious what's survived a few WordPress updates for you.

Top comments (0)