How to use system font in Twenty Twenty-Five

  • body, p, h1, h2, h3, h4, h5, h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

    I added the above code in Twenty Twenty-Five/style.css . Then I check with developer tools,

    Although it shows the system font, it is not the same as the system font

    It was like before. I need to keep the same look

    • This topic was modified 3 months, 4 weeks ago by sibichan.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @sibichan

    I followed your instructions but I am not able to reproduce this.
    I don’t recognize the font in the screenshot, I don’t believe that font is added by the theme?
    If you have changed the font family setting for the block, then the setting will be used. But if that was the case, then that would show in the developer tools.

    Thread Starter sibichan

    (@sibichan)

    @poena Thanks. Just tell me how to use the system fonts in twenty twenty five. I added the code in style.css and the font showing when I check with developer tools. But my backup site and new site (twenty five theme) are different font.

    body, p, h1, h2, h3, h4, h5, h6 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }

    Backup site showing the sytem font very well.

    View post on imgur.com
    • This reply was modified 3 months, 4 weeks ago by sibichan.

    You are adding the system font correctly.
    When I use the same code on my test site, I do not see the same problem that you do.
    So that is why I am asking if you made any other changes to the fonts.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.