Different fonts for pages vs blog

  • Hi, I have a site where the text on main site pages is a sans-serif font. I’m setting up a blog and I want the content to be a serif font there for better readability. What would be a good way to have separate fonts for pages vs blog content? I’m using a block theme (FSE).

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    Check the <body> tag of your blog pages for distinct class attributes you can use to target only those pages with some custom CSS. This is somewhat theme dependent, but “single-post” and “blog” are quite common. YMMV.

    Use your browser’s element inspector tool to help you determine appropriate CSS to achieve your goals. Add any custom CSS you come up with to the Additional CSS section of the style book.

    Generic CSS example:

    .blog p, .single-post p {
   font-family: serif !important;
}
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.