Change the Font on Tumblr

Tumblr is a microblogging service that allows you to create character limited posts consisting of text, videos, links, audio, and images. You can also completely customize your blog, which is called a Tumblelog, by adding images, changing theme options, and editing HTML. This article will walk you through the process of changing your font on Tumblr.

Steps

How to Change the Font Family

  1. Go to the Tumblr website. Log in using the email address and password associated with your account. (If you don't already have an account, go ahead and create one).
  2. Select the blog you want to edit. Do this by clicking on its title at the top of the page.
  3. Click the "Customize theme" link. This should be located on the right side of your dashboard.
  4. Click the "Edit HTML" button on the left. If you have already selected this option, you will see your HTML code under the “Theme” tab rather than Premium theme options.
  5. Press ctrl+F (cmd+F on Mac OS X) to access your web browser's Find feature. This will allow you to locate specific words in the HTML code.
    • Enter “font-family” into the “Find” search bar to locate the font settings within the HTML code.
  6. Locate the “font-family” code for the element you want to change. For example, if you want to change the font of your title, locate “font-family” code under the “#wrapper #title” heading within the code.
  7. Change the font type next to “font-family” to change the font of that particular element. Type of the name of the font you want to use followed by “;”. The font “courier” is used in this example.
    • Click the “Update preview" button in the bottom right corner of the HTML editor to see a preview of your changes.
  8. Click the "Save" button at the top of your screen to save your changes. Then click the "Close" button and check your Tumblr to make sure the font has changed.

How to Change the Font Size

  1. Go to the Tumblr website. Log in using the email address and password associated with your account. (If you don't already have an account, go ahead and create one).
  2. Select the blog you want to edit. Do this by clicking on its title at the top of the page.
  3. Click the "Customize theme" link. This should be located on the right side of your dashboard.
  4. Click the "Edit HTML" button on the left. If you have already selected this option, you will see your HTML code under the “Theme” tab rather than Premium theme options.
  5. Press ctrl+F (cmd+F on Mac OS X) to access your web browser's Find feature. This will allow you to locate specific words in the HTML code.
    • Enter “font-size” into the “Find" search bar to locate the font settings within the HTML code.
  6. Locate the “font-size" code for the element you want to change. For example, if you want to change the font of your title, locate “font-size” code under the “#wrapper #title” heading within the code.
  7. Change the number next to “font-size” to change the font size of that particular element. Type of the number of pixels followed by “px”. A font size of 15px is used in this example.
    • Click the “Update preview” button in the bottom right corner of the HTML editor to see a preview of your changes.
  8. Click the "Save" button at the top of your screen to save your changes. Then click the "Close" button and check your Tumblr to make sure the font has changed.

Tumblr Tips and Tricks

Doc:Tumblr Tips and Tricks

Tips

  • To avoid editing HTML code, select a theme with fonts closest to your preference.

Warnings

Related Articles

Retrieved from "https://kipkis.com/index.php?title=Change_the_Font_on_Tumblr&oldid=291626"