How to Change the WordPress Admin Font?

Change the wordpress admin font

Are you a WordPress user who spends most of the time in dashboard? Want to customize it according to your will? But don’t know how to? Would love to change the fonts to your WordPress admin dashboard?

Well, let me tell you a secret. You can change the WordPress admin font. And it’s very easy to do so.

If you’re someone who loves customization and want to know how to change the WordPress admin font, you’ve reached the right article.

Let me tell you how to do in the easiest way possible. I’ll try covering all the methods available to change the fonts.

Let’s not waste any time and move directly to reveal each methods to change WordPress admin fonts.

Method 1: How to Change WordPress Admin Font Using WP Adminify

Using a plugin is the easiest way to change WordPress admin font. WP Adminify is one such plugin to help you do that without any extra effort.

WP Adminify is a powerful dashboard customizer for WordPress. It lets you change the WordPress admin font quickly.

Here is a step by step guide on how to change WordPress admin font with WP Adminify.

Step 1: Install and Activate WP Adminify

Go to your WordPress dashboard and navigate to Plugins > Add New. Search for “WP Adminify.”

3Click Install Now, then Activate once the installation is complete. Check this installation guide if don’t know how to do it. 

Step 2: Navigate to Adminify Customization Settings

After activation, go to WP Adminify > Customize Section in your WordPress dashboard.

Customize section inside WP Adminify

Now, enable the Adminify UI. This will in turn enable the “Body font” option.

Enable Adminify UI to get to body fonts settings

Step 3: Customize the Admin Font

In the Body Font settings, you can:

Select a font family from the dropdown list (includes Google Fonts and recommendations for safe web fonts).

Pick font family and change wordpress admin font

Adjust the font size, weight, and style to fit your preferences.

Set font style

Preview font changes in real time as you adjust the settings.

Live preview font changes

Save your changes when you’re satisfied.

Step 4: Review Your Dashboard

Once saved, the admin dashboard will instantly change to the new font. Here’s what it looks like for the “Times New Roman” font:

Times new roman font on dashboard

Why Choose WP Adminify?

WP Adminify doesn’t just let you change WordPress admin font. It also provides a full on dashboard customization freedom. In short, WP Adminify is a one-stop solution for customized WordPress admin experience.

WordPress Dashboard Customization

If you’re looking for a simple, no-code solution, WP Adminify is your best choice!

Check out the free version or just go to our live demo for a faster test run.

WP Adminify Plugin options panel

Customize With Absolute Freedom

Harness the power of advanced dashboard customization with WP Adminify.

Option 2: How to Change the WordPress Admin Font with Custom CSS

You can manually change WordPress admin font using Custom CSS.

But remember, this method is ideal for users comfortable with coding. So, here’s how to do with custom CSS.

Step 1: Access the WordPress Customizer or Theme Editor

Navigate to your WordPress dashboard. Go to Appearance > Customize and open the Additional CSS panel. 

You can also go to Appearance > Theme File Editor. But note that this might break your site.

NOTE: Always backup your website data before editing the theme files.

Bonus tip: WP Adminify also lets you add custom CSS. Just go to the the Code Snippets section > Admin Scripts tab > Paste your code in the Custom CSS box.

WP Adminify custom css option

Step 2: Add Custom CSS Code for Admin Fonts

To target the WordPress admin dashboard, you need to modify the admin.css file. Here’s how to do it:

Open your theme’s functions.php file and enqueue a custom CSS file for the admin dashboard.

function custom_admin_fonts() {
wp_enqueue_style('custom-admin-fonts', get_template_directory_uri() . '/admin.css');
}
add_action('admin_enqueue_scripts', 'custom_admin_fonts');

Create an admin.css file in your theme folder and add the following CSS to specify the desired font:

body, #wpadminbar, #adminmenu, .wrap {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
admin css file and code

Step 3: Save and Verify Changes

Now, all you need to do is, save the changes to your files. Then a simple refresh and you’ll see the changed font.

Option 3: Changing the Admin Font via Functions.php

Another method for changing the WordPress admin font is by editing your functions.php file.

Here’s how to do it:

Step 1: Access the Functions.php File

Go to your WordPress dashboard. For older themes(Twenty-Twenty One or older), navigate to Appearance > Theme File Editor

For the newer Gutenberg themes, you need to access the functions.php file through the cPanel or FTP.

Step 2: Add Codes for Custom Fonts

Add the following code to the functions.php file. This will load and apply a custom font to the admin dashboard:

function custom_admin_font() {
    echo '<style>
        body, #wpadminbar, #adminmenu, .wrap {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
        }
    </style>';
}
add_action('admin_head', 'custom_admin_font');

Note: This code specifies the Roboto font. But you can replace it with any other font of your choice.

Step 3: Use Google Fonts for More Variety

To use Google Fonts, first include the font in your code. For example:

function custom_admin_font() {
    echo '<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">';
    echo '<style>
        body, #wpadminbar, #adminmenu, .wrap {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
        }
    </style>';
}
add_action('admin_head', 'custom_admin_font');

Step 4: Save and Check the Dashboard

Click Update File to save your changes. Refresh your WordPress admin dashboard to see the new font applied.

Conclusion

Now, you have your answer of how to change the WordPress admin fonts. I’ve tried to give you a detailed step by step guide for each available methods.

So, even if you’re just a beginner, you can follow this article to change the fonts quickly and easily.

Please select the method you prefer. But by far WP Adminify gives you the easiest way out. So, don’t forget to enjoy your customized WordPress experience with WP Adminify.


Leave a Reply

Your email address will not be published. Required fields are marked *