Title: Problems changing typography Affinity Theme Last modified: September 27, 2016 --- # Problems changing typography Affinity Theme * [cjebourassasauve](https://wordpress.org/support/users/cjebourassasauve/) * (@cjebourassasauve) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/) * Hi, I’m using the Affinity Template, and I have some problems changing the typography on the title. I want to put it in Montserrat, and I tried several times, but it still appeaars with another typo. * Thanks a lot Viewing 11 replies - 1 through 11 (of 11 total) * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227587) * Hi cjebourassasauv, Can you post url of your website, it would be easier to see and try to resolve issue. Otherwise I would have to install your theme on my server. Thanks Cheers TR * Thread Starter [cjebourassasauve](https://wordpress.org/support/users/cjebourassasauve/) * (@cjebourassasauve) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227607) * Hi, yes, sure: [http://lecarrefourdupain.com/](http://lecarrefourdupain.com/) * it’s “under construction” 😉 * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227637) * Hi CJ, put this code to your Child Theme style.css file OR Install Simple Custom CSS plugin and put the code there. I’m doing this on my browser to find solution. It can get to some different behavior on your site. It can happen that it is not working. Then we have to look further. * ``` p.site-description { font-family: Montserrat; } or p.site-description { font-family: Montserrat!important; } ``` * Cheers TR * Thread Starter [cjebourassasauve](https://wordpress.org/support/users/cjebourassasauve/) * (@cjebourassasauve) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227758) * Tahoe, thanks a lot! I put both codes but it’s still not working. Absolutely no change :/ * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227765) * It is working here, Where did you put the code in????? Did you put the code to the bottom of child theme stylee.css file or bottom of the file created by the plugin? Cheers TR * Thread Starter [cjebourassasauve](https://wordpress.org/support/users/cjebourassasauve/) * (@cjebourassasauve) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227792) * Hi, I put it on the plugin. Actually, right now it’s working…but in cursive. * Thanks! * Thread Starter [cjebourassasauve](https://wordpress.org/support/users/cjebourassasauve/) * (@cjebourassasauve) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227808) * What I need to change is the typo on “LE CARREFOUR DU PAIN”. That seems imposible to change now, even if when it was a blog I could. * Thanks a lot for your help, really appreciated. * CJEBS * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8227841) * Hi buddy, this can be the case: You need to install google fonts on your WordPress site and then choose right Font Family [HERE is a link how to do it.](http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/) * Here is WordPress plugin Solution: [EASY GOOGLE FONT PLUGIN](https://wordpress.org/plugins/easy-google-fonts/) * [Easy Google Fonts Plugin](https://vimeo.com/77878709) * Then adding the code I mentioned above should work. * Let me know if this was helpful. Cheers TR - This reply was modified 9 years, 7 months ago by [Tahoerock](https://wordpress.org/support/users/tahoerock/). * Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/) * (@zoonini) * [9 years, 7 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8231681) * The words “Le Carrefour du pain” is your `.site-description` element (aka “tagline”) and the font and italic style are being defined in this part of the CSS: * ``` .site-description { font-family: Lora,Baskerville,Georgia,Times,serif; font-style: italic; } ``` * I used a [browser inspector](https://thewc.co/articles/view/web-inspector-tutorial) to see where this was coming from – see the screenshot here: * [⌊Le Carrefour du pain LE CARREFOUR DU PAIN⌉⌊Le Carrefour du pain LE CARREFOUR DU PAIN⌉[ * There are two parts to adding a new font to a theme, as Tahoe Rock pointed out above: * 1. You need to enqueue the font itself in the theme. Using a Google Font plugin as Tahoe Rock mentioned earlier is an easy way to do that in WordPress. 2. You need to add custom CSS to style the element you want to appear in that font. I see that you have a custom CSS plugin active, but there’s no code in it yet. After you install your Google Font plugin and follow the directions to enqueue Montserrat, you can then add this custom CSS to your theme: * ``` .site-description { font-family: Montserrat, Helvetica, Arial sans-serif;; } ``` * It’s always good to specify some “fallback fonts” that are likely to be installed on a viewer’s computer so just in case the Google font has trouble loading, they will at least see something in a similar style. * Let us know how it goes! - This reply was modified 9 years, 7 months ago by [Kathryn Presner](https://wordpress.org/support/users/zoonini/). Reason: fixed typo * [thegirlwiththemaptattoo](https://wordpress.org/support/users/thegirlwiththemaptattoo/) * (@thegirlwiththemaptattoo) * [9 years, 3 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8709006) * [@zoonini](https://wordpress.org/support/users/zoonini/) & [@tahoerock](https://wordpress.org/support/users/tahoerock/) * Can I jump in this thread?? I am also on the Affinity theme. I would love my header font to be Bromello but in dot org, there is no “font” menu in the customiser. So, am I correct in thinking I need to be doing the same as [@cjebourassasauve](https://wordpress.org/support/users/cjebourassasauve/) by putting my font choice in the CSS? * If that’s right, then do I need to be doing this via my FTP files in Bluehost or can I simply do it in the WP customiser in my wordpress theme customiser? * Thank you!! * Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/) * (@zoonini) * [9 years, 3 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8730478) * > Can I jump in this thread?? * You can, but in future it’s better if you start a new one — you’ll get a faster reply. 😉 If it’s about Affinity, tag it with `wpcom-theme` so we’ll see it. That’s because Affinity is not yet in the WordPress.org directory and it’ll get lost otherwise. * > I would love my header font to be Bromello but in dot org, there is no “font” > menu in the customiser. * Since Bromello is not a Google Font, you can’t use a Google Font plugin, which makes it a lot more complicated. You would need to purchase a license for a web- compatible version of the font — or check the license and convert it yourself if you are permitted — and then create a child theme to enqueue the font. Finally, you would need to target the elements you want in Bromello with CSS in your child theme. * So there are a few steps if you’re intent on using that font. * > So, am I correct in thinking I need to be doing the same as cjebourassasauve > by putting my font choice in the CSS? * You can’t specify a font in CSS unless that font is enqueued in your theme first. * Here are some resources to help: * **Child Theming** * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes) [https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/](https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/) * **Adding a font without a plugin** * [https://macmanx.com/2014/06/04/custom-fonts-without-plugins-for-wordpress-themes/](https://macmanx.com/2014/06/04/custom-fonts-without-plugins-for-wordpress-themes/) Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Problems changing typography Affinity Theme’ is closed to new replies. ## Tags * [wpcom-theme](https://wordpress.org/support/topic-tag/wpcom-theme/) * 11 replies * 4 participants * Last reply from: [Kathryn Presner](https://wordpress.org/support/users/zoonini/) * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/problems-changing-typography-affinity-theme/#post-8730478) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics