How to change fonts in the template

If you do not like the font in the template and you would prefer a different one, you can easily change it. In this tutorial we will show you how you can do it yourself; and we are working with the font “Poppins”, but you can choose any font you like.


Load the font to Blogger

  1. Go to Google Fonts and find a font you like.
  2. Find the styles you want to use.
  3. Open your Blogger and go to Theme.
  4. Click on the arrow next to "Customize" and select "Edit HTML".
  5. Locate the line with preloaded Google Fonts.

  6. After the last font name and before the quotation mark, add this: |
  7. Write the name of the font you want to use. If it consists of more than one word, instead of space, add the plus sign.
    • Examples: Open+Sans, Dela+Gothic+One, PT+Sans+Narrow.
  8. After the name, add the colon sign :
  9. Add the numbers for the style you want to use and divide them with a comma.
    • Examples: 200, 300i, 400.
  10. Your final code should look like this:

  11. Save your changes.


Edit the CSS

  1. Go to Theme > Edit HTML.
  2. Find the section you want to edit — to edit (first) search for (second).

    3. top menu → .menu-wrap
    header → .Header h1
    blog description → .description
    post title → .post-title
    post body → body
    sidebar headings → .sidebar-wrap h2

  3. Find the line that contains font-family. If it’s not in this section, you may have to press ENTER and keep looking.

  4. Change line into the font you chose.

  5. Under font-family is font-weight > change this number to the number of the style you chose.
  6. If you chose a style in cursive, add this into a new line > font-style: italic;

  7. Save your changes.
Subscribe to: Posts (Atom)