en ⟩
Coding / Programing ⟩
CSS ⟩

define font size with CSS

How to define font size with CSS

How to define font size with CSS

created 6.9 y • edited 6.9 y by Richard Foulon • Updates history (2)

● Easy 🚩 1 step

To define font size with CSS, you need 1 thing:

shoppingbag

shoppingbag View guides which use Css blueprint Find info page about Css workbench Find a guide to know how to make a Css Find a guide to know how to find a Css

Here is how to define the font size using CSS.

(i) — Simply use the property font-size in your CSS style sheet.

Example:
.mytext{ font-size: 12 px; }

You can define the font size in px, em, percentage, or "big", "small" etc.
Use px for an exact pixel font size, or simply a percentage based on the main font size, so all your font-sizes are linked to the main font-size, useful when changing the base font size, you don't have to change all other font-sizes!

Example:
html{ font-size: 18px; } h1{ font-size: 200%; } h2{ font-size: 150%; }

Simply use the property font-size in your CSS style sheet.

Example:
.mytext{ font-size: 12 px; }

You can define the font size in px, em, percentage, or "big", "small" etc.
Use px for an exact pixel font size, or simply a percentage based on the main font size, so all your font-sizes are linked to the main font-size, useful when changing the base font size, you don't have to change all other font-sizes!

Example:
html{ font-size: 18px; } h1{ font-size: 200%; } h2{ font-size: 150%; }

Have some advice, techniques or tips to share about CSS?

📝 Create a guide

Share this guide with your friends! 150

@

googleplus icon

guidememessage icon

👤 1 Author

Richard Foulon @richardfoulon created this guide
82 guides

Founder @guideme | Coder | Author | Photographer
🌎 linktr.ee/richardfoulon
Buy me a beer 🍺
paypal.me/richardfoulon

include CSS code into HTML code — How to include CSS code into HTML code📁 HTML

make HTML headings - Header tags — How to make HTML headings - Header tags📁 HTML

make your first web page (HTML) — How to make your first web page (HTML)📁 HTML

add comments in HTML code — How to add comments in HTML code📁 HTML

see my user agent string (web browser version, device...) — How to see my user agent string (web browser version, device...)📁 Coding / Programing

define font family / font appearance with CSS — How to define font family / font appearance with CSS📁 CSS

define web page title in HTML — How to define web page title in HTML📁 HTML

define font family / font appearance with CSS — How to define font family / font appearance with CSS📁 CSS

specify the HTML document type - Doctype declaration — How to specify the HTML document type - Doctype declaration📁 HTML

define the main language of the HTML page — How to define the main language of the HTML page📁 HTML

Sponsored

What do you think of define font size with CSS?

Me1sSensitive content Follow comments of this guide

No comments. Be the first!

Follow comments of this guide by clicking the Follow button above!