How to Change Quote Fonts in Tumblr
You can change the font family used for quote posts on your Tumblr blog by editing the style sheet used in the base HTML of your Tumblr theme. Although not the simplest process, editing the HTML code of your Tumblr theme allows you to customize every interface element of your blog, including the fonts used in quote posts. Depending on the Tumblr theme you use, the style sheet declarations and class name for the quote element may vary, so first determine how quote posts are identified in the code, then add the font family style sheet code to the quote element.
Other People Are Reading
Instructions
-
-
1
Sign in to your Tumblr account. If you have multiple blogs, click the title of the blog on which you want to change the quote fonts.
-
2
Click "Customize Appearance."
-
-
3
Click "Theme" and "Use Custom HTML."
-
4
Find "{block:Quote}" within your Tumblr theme HTML code. The title of this HTML element is found in the "<div class="[Title]">" code directly below the "{block:Quote}" code. Note the title as this is necessary to update the font family used for quote posts.
-
5
Find the CSS used to style your blog by locating "<style type="text/css">" within the "<head>" tag of your Tumblr theme HTML code.
-
6
Find CSS declarations for quote posts by locating the quote element title you noted before and add "font-family:[Font Type];" to the CSS code. Tumblr quote posts are generally styled according to the size of the quote, so it is likely that you will add the font family code to three different CSS declarations. As an example, you may see code similar to "div.quote h4.short {font-size:30px;line-height:36px;}." To change the font of the quote posts, you would add font family code to the end of the style sheet declaration so that the updated code would appear as "div.quote h4.short {font-size:30px;line-height:36px;font-family:Georgia}."
-
7
Click "Preview" to ensure that your updated fonts are displayed correctly, then click "Save + Close."
-
1
