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.
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.
Now you can style that “Something” with available styling options. Like making it bold, italic, bigger, smaller, changing colors, etc.
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.
Here are some of the common styling with HTML code.
To make your text bold, use <b> tag.
To make your text italic, use <i> tag.
To make your text italic, use <u> tag.
To make a strike on your text, use the <strike> tag.
To make a text center, use the <center> tag.
To make a text justified, use the align attribute.
You can also replace “justify” with “center”, “right” or “left”.
To make a link in text, use anchor tag.
To start a new line, use </br> tag.
Something</br> New line text
To start a new paragraph, use <p> tag.
To start a header text, use <h1> tag.
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.
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.