Modify the font on Tumblr with HTML codes

Here, in this post you will learn, how you can modify the font on tumblr with with HTML codes and Rich Text and.

What is Tumblr?

Tumblr is a blogging and social media tool that allows users to publish a “tumblelog”, or we can say it comes in between Twitter and Blogpost. Tumblr’s major differentiator is the free-form nature of the site and the ability of users to heavily customize their own pages. This is the exception to the rule, as nearly all other social networks have standardized profile pages with limited design flexibility.

Writing a simple post on Tumblr with minimum and common style is as simple as writing a post on social media. But if you want to add style to your content like changing color, font size, topography, etc with your desired number then we can do this with help of HTML and CSS code.

Let’s talk about, both ways to put style on our post/content.

On the top, you will get an option to create a different type of post. Like text, photos, quote, etc.

creating post on tumblr
Creating Posts on Tumblr

From all these types of posts creation options, let’s choose the text type of post so that we can learn to add style to the text in different ways.

Then let’s give a title, “Testing post”. And on the section, “Your text here”. Write, “Something”.

Modify the font in Tumblr with Rich Text

Now to apply a style to that “Something” text, we have to select that text first. Then you will see an option like this.

Rich Text
Rich Text

Now you can style that “Something” with available styling options. Like making it bold, italic, bigger, smaller, changing colors, etc.

Modify the font on Tumblr with HTML codes
Style with a Rich Text editor

This is the first way to modify the font in Tumblr with Rich Text. Now let’s how we can modify the font on Tumblr with HTML code.

Modify the font on Tumblr with HTML code

To modify the font on Tumblr with HTML code, click on the gear icon which is on the top right corner of this editing box. Under Text editor, select HTML.

Switching Text editor
Switching Text Editor
HTML Text editor
HTML Text editor

Here are some of the common styling with HTML code.

Bold Font

To make your text bold, use <b> tag.

<b>Something</b>

Italic Font

To make your text italic, use <i> tag.

<i>Something</i>

Underlined Text

To make your text italic, use <u> tag.

<u>Something</u>

Strike Text

To make a strike on your text, use the <strike> tag.

<strike>Something</strike>

Centered Text

To make a text center, use the <center> tag.

<center>Something</center>

Justified Text

To make a text justified, use the align attribute.

<div align=“justify”>Something</div>

You can also replace “justify” with “center”, “right” or “left”.

Link Text

To make a link in text, use anchor tag.

<a href=“something.xyz”>Something</a>

New Line

To start a new line, use </br> tag.

Something</br>
New line text

Paragraph

To start a new paragraph, use <p> tag.

<p>Something</p>

Header

To start a header text, use <h1> tag.

<h1>Something</h1>

h1 is the larger header and the smallest header is h6. As the number correspond to h increases the size decreases accordingly.

Change Font Color

To change a font color, use <font> tag.

<font color=“green”>Something</font>

Conclusion

Here, we learned two method that will modify the font style of text, they are modify the font on tumblr with with HTML codes and modify the font on tumblr with with Rich Text. So, by using these two method, I hope now you can change the style of text.

0 0 votes
Article Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments