How to Put a Font in the Middle on Tumblr

by Tammy Columbo
Liquidlibrary/liquidlibrary/Getty Images

If you want to make your blog stand out, add an attractive description to the middle of your blog’s theme. When you insert code into the theme's Description field, the code is rendered in the middle of the page when the blog is opened in a browser. Add text with styled font by inserting the styling code in a <span> tag around the in the Description field. You can modify the font in the middle of a text post only by bolding or italicizing the text. HTML tags are automatically stripped from posts, so CSS commands and <span> tags won't work.

Theme Description

Log in to your Tumblr dashboard, then click the drop-down arrow next to the blog name to open a list of your blogs.

Click the blog to modify. The blog timeline opens in the dashboard.

Click the “Customize” option to open the theme in Edit mode.

Insert the following code in the Description field. Change the “FontFamilyName” attribute to the desired font family, such as “Tacoma,” and change the SIZE attribute to the desired size. Type your text in place of “Your Text.”

<span style="font-family: FontFamilyName; font-size: SIZEpx;"> Your Text</span>

Click the “Save” button to save the changes, then click “Exit” to close the Customize panel.

Text Post

Log in to your Tumblr dashboard, then click the drop-down arrow next to the blog name to open a list of your blogs.

Click the “Aa Text” icon to open the New Text Post form.

Type a title for your post, if desired. Titles are optional.

Type the text for your post in the text field.

Drag the cursor over the words to modify, then click the “B” icon in the top toolbar to bold the text, or click the “i” icon to italicize the text.

Click the “Post” icon to publish the post.


Click the arrow next to the Post icon, then click “Save as Draft” to save a post as a draft. The Draft tab appears in the blog’s dashboard. Just click “Drafts” to open your saved post drafts.

If you are an experienced coder, you can directly edit the font commands in the blog theme. Open the theme in edit mode, then click "Edit HTML" in the Customize panel to open the HTML editor.


Photo Credits

  • Liquidlibrary/liquidlibrary/Getty Images

About the Author

Based in the live music capital of the world, Tammy Columbo continues to work in the information technology industry as she has done for more than 10 years. While living in Austin, Columbo has contributed to high profile projects for the State of Texas, Fortune 500 technology companies and various non-profit organizations. Columbo began writing professionally in 2009.

More Articles