2 way to change your text font-size in HTML?

Share This Post

To change the font-size of text in HTML, you can use the style attribute. the style attribute specifies an inline element of style. The attribute is used with the HTML <h1> tag, with the CSS property  font-size, font-style element , etc.

HTML5 do not support the <font> tag, so the CSS style can be used to change font-size. The <font> tag deprecated in HTML5.

How to change the font-size of text in HTML?

Just keep in mind, the usage of style attribute override any style set globally. It will override any style sheet set in the HTML <style> tag or style sheet.

</pre>
<div class="line number1 index0 alt2"><code class="php plain"><!DOCTYPE html> </code></div>
<div class="line number2 index1 alt1"><code class="php plain"><html> </code></div>
<div class="line number3 index2 alt2"><code class="php plain"><head> </code></div>
<div class="line number4 index3 alt1"><code class="php plain"><title>thewholeblog.com</title> </code></div>
<div class="line number5 index4 alt2"><code class="php plain"></head> </code></div>
<div class="line number6 index5 alt1"><code class="php plain"><style type=</code><code class="php string">"text/css"</code><code class="php plain">> p{ font-size: 20px; } </style> </code></div>
<div class="line number7 index6 alt2"><code class="php plain"><body> </code></div>
<div class="line number8 index7 alt1"><code class="php plain"><p>wholeblog.com></p> </code></div>
<div class="line number9 index8 alt2"><code class="php plain"></body> </code></div>
<div class="line number10 index9 alt1"><code class="php plain"></html></code></div>
<pre>

Centering a few blocks of text

If you have many blocks of text to change font-size use CSS inside tags in the head section or in an external style sheet. See the example code below for how to set all font-size of text inside the tags to be centered.

</pre>
<div class="line number1 index0 alt2"><code class="php plain"><!DOCTYPE html></code></div>
<div class="line number2 index1 alt1"><code class="php plain"><html></code></div>
<div class="line number3 index2 alt2"><code class="php plain"><head></code></div>
<div class="line number4 index3 alt1"><code class="php plain"><title></title></code></div>
<div class="line number5 index4 alt2"><code class="php plain"></head></code></div>
<div class="line number6 index5 alt1"><code class="php plain"><body></code></div>
<div class="line number7 index6 alt2"><code class="php plain"><p style=</code><code class="php string">"font-size: 20px;"</code><code class="php plain">>About Whole Blogs</p></code></div>
<div class="line number8 index7 alt1"><code class="php plain"><p style=</code><code class="php string">"font-size: 12px"</code><code class="php plain">>the whole blogs are </code><code class="php keyword">for</code> <code class="php plain">teaching </code><code class="php keyword">and</code> <code class="php plain">guiding people </code><code class="php keyword">for</code> <code class="php plain">any of the topics like </code></div>
<div class="line number9 index8 alt2"><code class="php plain">Travelling, Technology, Health, Fashion, Beauty, Sports, etc to grow their knowledge about what the world </code></div>
<div class="line number10 index9 alt1"><code class="php plain">had introduced </code><code class="php keyword">and</code> <code class="php plain">what we should learn first from <a href=</code><code class="php string">"<a href="https://wholeblogs.com/">https://wholeblogs.com/</a>"</code><code class="php plain">><b>wholeblogs</b></a>. Whole blogs provide all blogs of technology, </code></div>
<div class="line number11 index10 alt2"><code class="php plain">the latest trends of fashion, </code><code class="php keyword">and</code> <code class="php plain">all other topics on which peoples are interested.</p></code></div>
<div class="line number12 index11 alt1"><code class="php plain"></body></code></div>
<div class="line number13 index12 alt2"><code class="php plain"></html></code></div>
<pre>

read more: change font size

spot_img

Related Posts

Python for Loop Iteration: How to Easily Manipulate a List

One of the most powerful features of the Python...

How To Get First Characters of a String in Python

Way to find the first characters of a string...

How To Convert Tuple To String In Python

In this post, you will learn how to convert...

How To Convert String to Double in Python

Good to hear, that you want to convert a...

Python TypeError: String Index Out Of Range Solution

A string is an array of characters and part...

How To Remove Empty Strings From a List Of Strings

On this page, we will discuss how to remove...
- Advertisement -spot_img