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(‘https://fonts.googleapis.com/css2?family=Cairo:wght@200&display=swap’);

.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.