Title: Google Fonts and CSS Last modified: August 24, 2016 --- # Google Fonts and CSS * Resolved [monogatari](https://wordpress.org/support/users/monogatari/) * (@monogatari) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/) * Hi there, * Is it possible to change the fonts other than body using google fonts? In the Maskitto Light options there are fields to change the body font, but I’m wondering if I can customize the size and style for title, header, slider, and others. * How do I add a secondary font to the CSS? If I use the simple custom css plug- in, is it going to override the theme’s CSS? * Thanks! Viewing 11 replies - 1 through 11 (of 11 total) * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042081) * Using a CSS plugin is probably the best way to override the theme’s CSS. You’ll find it very helpful to learn to use a web debugging tool like [Firebug](http://getfirebug.com/) or [Chrome Developer Tools](https://developers.google.com/chrome-developer-tools/) to see what the existing rules are for the elements that you want to change. * As far as adding more fonts, you can do that, you just need to add a link to the font’s stylesheet in the **head** section of your web page so your browser knows where to find the font. For example, if you wanted to use the Yanone Kaffeesatz font from Google, you would add this link: * ``` ``` * If you create a [child theme](http://codex.wordpress.org/Child_Themes), you can add it to a copy of the header.php file in your child theme. Otherwise, you can add it using a plugin like [Header and Footer](http://wordpress.org/plugins/header-footer/). * [davidgrahamsites](https://wordpress.org/support/users/davidgrahamsites/) * (@davidgrahamsites) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042082) * Absolutely. In your child theme, edit your styles.css Add simliar tags to the following: h1 { font-family: Verdana } * You want to use a child theme exactly because it is the one that WordPress will decide to use over the parent theme, and you also get to keep your customizations if you switch to a different parent theme. * Alternatively, you can use an excellent plugin that I highly recommend, Easy Google Fonts. It allows you to change the font of each of the HTML elements you mentioned. * Are you still having difficulty? Please advise. * [davidgrahamsites](https://wordpress.org/support/users/davidgrahamsites/) * (@davidgrahamsites) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042086) * Absolutely. In your child theme, edit your styles.css Add simliar tags to the following: h1 { font-family: Verdana } * You want to use a child theme exactly because it is the one that WordPress will decide to use over the parent theme, and you also get to keep your customizations if you switch to a different parent theme. * Alternatively, you can use an excellent plugin that I highly recommend, Easy Google Fonts. It allows you to change the font of each of the HTML elements you mentioned. * Are you still having difficulty? Please advise. * Thread Starter [monogatari](https://wordpress.org/support/users/monogatari/) * (@monogatari) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042103) * Awesome! The plugins are really useful. I added the google fonts using the Header and Footer plugin, but I think making a child theme will give me more control to the theme’s appearance. Thanks for all the help and tips 🙂 * Thread Starter [monogatari](https://wordpress.org/support/users/monogatari/) * (@monogatari) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042200) * I guess I spoke too soon. I’m still super confused as to how to identify each element so I can change it in the CSS… Inspecting the elements using Chrome developer tools only confuses me further. Can you help me? * I tried using the Easy Google Fonts, but the Font Control CSS selector part confuses me. * [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/) * (@crouchingbruin) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042201) * Can you please post a link to your site and describe something that you’re trying to change? * Thread Starter [monogatari](https://wordpress.org/support/users/monogatari/) * (@monogatari) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042214) * I managed to change the CSS for the page titles and headlines, but I can’t seem to do it for the slider text. I got the .slide-details .slide-title class from inspecting the element but even when I changed it it didn’t do anything for the slides. * Here’s the link to the website: [http://www.bethelchurchcalifornia.org/wp/](http://www.bethelchurchcalifornia.org/wp/) and eventually I’m going to need to change all the headers/subheaders to Oswald and the body text to Crimson text. I’m stiBut if I change it to crimson text using the maskitto option, I’m going to need to enlarge some of the font sizes. * Thanks again for helping. * EDIT: Oh, I think I got it. I just missed a semi colon. I think I’m finally getting the hang of it. The custom CSS plug in is super useful. Thanks. * [davidgrahamsites](https://wordpress.org/support/users/davidgrahamsites/) * (@davidgrahamsites) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042236) * If you want to send me an email I would be happy to Skype in with you and help you resolve your problem with the fonts. * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042237) * **[@davidgrahamsites](https://wordpress.org/support/users/davidgrahamsites/)**– that’s not permitted here – please review the forum rules – * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042238) * See: [http://codex.wordpress.org/Forum_Welcome#Helping_Out](http://codex.wordpress.org/Forum_Welcome#Helping_Out) * [davidgrahamsites](https://wordpress.org/support/users/davidgrahamsites/) * (@davidgrahamsites) * [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042247) * My mistake. I will attempt to describe the process in more detail. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Google Fonts and CSS’ is closed to new replies. ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [google font](https://wordpress.org/support/topic-tag/google-font/) * 11 replies * 4 participants * Last reply from: [davidgrahamsites](https://wordpress.org/support/users/davidgrahamsites/) * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/google-fonts-and-css/#post-6042247) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics