How to excise "Noto serif", serif font

  • twentyfifteen-child. I would like to rid my project of this font. Not sure how to target certain areas where it shows up. It is the main body (and elsewhere) font and I would like to change it from serif to sans-serif anything and #fff. Particularly annoying is when it shows up in recent comments with the person’s name who commented just left of the link to the particular post (which is the correct font). Like the feature, just need to change the font, color, etc. Maybe suggest how to change it elsewhere? I use Easy Google Fonts plugin that I like, just can’t figure out where to target the Noto thanks.

    Seattle Smarty 

    body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Noto Serif", serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}
    body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Noto Serif", serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    If you are using Firefox, I highly recommend an add-on called Firebug. Once installed, you can select/right click a particular text/area of the page and Inspect Element with Firebug. The HTML and CSS code appear which shows where a particular element gets its properties from.

    Particularly interesting is the CSS tab “Computed” which shows the hierarchy being followed and the final CSS code that stylizes your element. In your case, while other elements like the widget-area have the Maven Pro font, the commentator link falls back to Noto Serif.

    I think you will need to play around with Firebug, identify the elements and use the plugin accordingly.

    Thread Starter jeffers81845

    (@jeffers81845)

    Thanks. I use Chrome mostly, web inspector and the inspect element tool to track down code including CSS. Just not sure why the name-of-the-commentator font falls back to Noto Serif? Not sure how the commentator name is even generated so that it appears in the recent comment widget. I like the effect but not the font. Wonder if it has anything to do with the WPDiscuv plugin? I’ll look harder at the code tomorrow to see if I can pinpoint where the change(s) needs to happen and how to configure the CSS in my child theme accordingly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to excise "Noto serif", serif font’ is closed to new replies.