How to Change the Title Font on Tumblr

By Allen Bethea

Test your font changes on PCs as well as mobile devices such as smartphones and tablets.
i Digital Vision/Photodisc/Getty Images

The folks at Tumblr are so serious about their users expressing themselves, they sacrificed the letter "e" from their app's name. They encourage their users to be as edgy, exceptional and extraordinary as possible, giving them access to the raw code that determines how their blog will look. For example, if you want to change the font used for your blog's title, you can access and edit your theme's CSS or Cascading Style Sheet code and add the fonts you would prefer to see.

Step 1

Log in to your Tumblr blog.

Step 2

Click or tap the "Settings" button, click "Dashboard" and then select the link for the blog you want to edit.

Step 3

Select the "Customize" button in the Theme section.

Step 4

Choose the "Edit HTML" button.

Step 5

Scroll down through the HTML code until you locate the CSS code for the header section. The line should begin with: "#header {" and may contain height and margin instructions for any text found within the header section of your blog.

Step 6

Place your cursor in front of the closing curly brace "}" and press "Enter." This adds a blank line for adding your new font CSS code.

Step 7

Add the CSS code to change your title font in the blank line you created. For example, if you wanted the title to use the font "Verdana", type "font-family: Verdana;" in the blank line. If there is font or font-family code already included in this section by your theme, the code you add will override it -- as long as it is the last line before the "}" character.

Step 8

Click the "Preview" button to make sure the title looks the way you intend it to.

Step 9

Click the "Save" button when you are done with your font change.

×