Twenty Seventeen Theme Customisation

How To Change The Site Title & Description Text Font In Twenty Seventeen

Updated: September 18, 2018 Posted: September 14, 2017~ 987 Readers ~ 1 Minute Read 3 Comments

The default site title and description texts have two variations. One for wider computer screens and one for narrows screens such as mobiles. The site title and description font text can be changed.

The default site title and description text.

A changed site title (description has not been changed).

Where and how to change the site title and description:

In WordPress Admin > Appearance > Edit CSS.

Enter the CSS code below.

The CSS code:



There are 3 comments to the above post [Read comments].
Click here to comment, ask or share something.

3 Comments

  • Peter Reck says:

    FANTASTIC, Bharat!

  • Peter Reck says:

    1) AVAILABLE FONTS: The above CSS script example shows "Tahoma" as "font-family". Is there a list somewhere, that indicates all fonts that are supported through Twentyseventeen (or where is the source that features the various fonts?

    2) Will the above script also apply to the "Tagline" (also referred to as site-description)?

    Thank you!

    Peter

    • Peter,
      1) I do not know of a definitive list, however, there is a list of web safe font sets where you can use one font set that caters as best as possible for the variations of browsers and operating systems. You can see this list here https://www.w3schools.com/cssref/css_websafe_fonts.asp

      2) Yes, you can use similar CSS for the site-description. I have updated this post with an example that also uses the web-safe font set for Tahoma. Also note that I have changed the line-height (line spacing) for the site description.

      I hope that helps.

Ask & Share

Do NOT follow this link or you will be banned from the site!