Change Text Size with Internal or External CSS
Using separate CSS to select the required text and using the font-size property to change the font size. The size value can be set using length units or keywords like x-small, small or large. You can use a separte CSS file in similar way.
Syntax:
<style>
p {
font-size: large;
}
</style>
Example: In this example, we will use separate CSS.
<html>
<head>
<!-- Using CSS to change
the font size -->
<style>
body {
font-size: 60px;
}
p {
font-size: xx-large;
}
</style>
</head>
<body>
Perfect Portal for Geeky
<p>Welcome to w3wiki</p>
</body>
</html>
Output:
Explanation:
- In this example the body’s font size is set to 60px using the body selector.
- The paragraph (p) element’s font size is specifically set to “xx-large” using the paragraph selector.
- As a result, the paragraph “Welcome to w3wiki” appears larger than the surrounding text due to the applied font size.
How to change the font size in HTML ?
Changing the font size in HTML refers to adjusting the displayed text size on a webpage. This can be achieved inline using the style attribute within HTML tags, specifying a font-size property value, or globally by defining styles in CSS.
Table of Content
- Change Text Size with HTML font Tag
- Change Text Size with HTML big Tag
- Change Text Size with Inline CSS
- Change Text Size with Internal or External CSS