Font Documentation for Theme’s Blocks?

  • I note that there are multiple default fonts for the Twenty Twenty-Four theme (with WordPress 6.4.2 and earlier) assigned to different blocks. (A “default font” being the font assigned to blocks in an out-of-the-box theme installation; the block font[s] not having been “customized” by the site builder.) One default font is used for the Paragraph Block and different fonts for “Theme” blocks such as “Date,” “Modified Date,” and “Categories.”

    See example screen shot: https://app.screencast.com/MJhqxyoTl6Nvn

    https://harryhobbes.com/ncmos-grandchild/

    Can anyone direct me to any documentation that describes what fonts are applied to which groups of blocks? Or other pertinent documentation?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Felipe Santos

    (@foosantos)

    Hi there,

    I don’t think we have specific docs for that, but it is generally and by default Inter for paragraphs/body text with Cardo for headings.

    I see the same font generally on your site, so not sure if I fully understood:

    https://d.pr/i/ZsQTNv
    Full Size: https://d.pr/i/ZsQTNv

    Thread Starter Harry Hobbes

    (@harry-hobbes)

    The “Date” and “Modified Date” blocks use different font attributes than the “Author” block, and both are different from the “Paragraph” block. Hence, the grey, then black, and then larger black appearance of the typeface presented on the screen shot page, rendering an inconsistent presentation of the typeface on the webpage.

    The information is presented by different blocks (assembled in the underlying template), and the different blocks use different font attributes by default, and the attributes (i.e., size, color, serif/non-serif, et cetera) do not appear consistent across different blocks.

    In order to get all typeface looking consistent on the webpage, I’ll have to change the attributes of more than one block font. Short of guessing about attributes, the best course of action is to start with the attributes that are implemented by default.

    Hence, I’m asking if there is documentation that describes the font attributes assigned to each block (or perhaps block group). Somewhere in the WordPress code (either theme and/or core), different font attributes have been implemented for the different blocks. Unfortunately, the Site Editor does not reveal this information.

    The secondary question will involve how to change the attributes so the typeface is consistent, while minimizing custom code. (I suspect this will involve writing CSS code.)

    Hi @harry-hobbes!

    The typography is mainly described in the theme.json file for the theme. The main difference between the theme blocks like terms, authors etc with the body text, is font size and color, and you will be able to see these in the file that I have linked above.

    If you like, you can use the Create Block theme plugin to generate a child theme with your changes already applied.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font Documentation for Theme’s Blocks?’ is closed to new replies.