How to add a new Google Font to your WordPress website?

If you Mobile Menu and need to use another Google Font that isn’t available, just check below the necessary steps to make a new Google Font available on your WordPress website without using any WordPress plugin.


Just go to the WordPress admin menu Appearance -> Customize -> Additional CSS and place the code below:

Copy the text below and create a rule that contains that word

@import url(‘’);

.mobmenu-content li a {
font-family:  ‘Cairo’, sans-serif!important;

After placing the custom CSS just clear the browser cache and purge any cache plugin and check again if the WordPress Mobile Menu now shows with the new Google Font.