How to Change the Font on Tumblr
Go to the Tumblr website., Select the blog you want to edit., Click the "Customize theme" link., Click the "Edit HTML" button on the left., Press ctrl+F (cmd+F on Mac OS X) to access your web browser's Find feature., Locate the “font-family” code...
Step-by-Step Guide
-
Step 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). -
Step 2: Select the blog you want to edit.
Do this by clicking on its title at the top of the page. , This should be located on the right side of your dashboard. , If you have already selected this option, you will see your HTML code under the “Theme” tab rather than Premium theme options. , 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. , For example, if you want to change the font of your title, locate “font-family” code under the “#wrapper #title” heading within the code. , 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. , Then click the "Close" button and check your Tumblr to make sure the font has changed. -
Step 3: Click the "Customize theme" link.
-
Step 4: Click the "Edit HTML" button on the left.
-
Step 5: Press ctrl+F (cmd+F on Mac OS X) to access your web browser's Find feature.
-
Step 6: Locate the “font-family” code for the element you want to change.
-
Step 7: Change the font type next to “font-family” to change the font of that particular element.
-
Step 8: Click the "Save" button at the top of your screen to save your changes.
Detailed Guide
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).
Do this by clicking on its title at the top of the page. , This should be located on the right side of your dashboard. , If you have already selected this option, you will see your HTML code under the “Theme” tab rather than Premium theme options. , 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. , For example, if you want to change the font of your title, locate “font-family” code under the “#wrapper #title” heading within the code. , 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. , Then click the "Close" button and check your Tumblr to make sure the font has changed.
About the Author
Theresa Tucker
Committed to making DIY projects accessible and understandable for everyone.
Rate This Guide
How helpful was this guide? Click to rate: