CSS Text & Fonts

Font Properties

Property	Values
`font-family`	Font names, with fallbacks
`font-size`	`16px`, `1rem`, `1.2em`
`font-weight`	`normal`, `bold`, `100`–`900`
`font-style`	`normal`, `italic`

Text Properties

Property	Values
`text-align`	`left`, `center`, `right`, `justify`
`text-decoration`	`none`, `underline`, `line-through`
`line-height`	`1.5`, `24px`
`letter-spacing`	`1px`, `0.05em`
`text-transform`	`uppercase`, `lowercase`, `capitalize`

Google Fonts

Import free fonts from Google Fonts with a <link> tag in your HTML head.

Example

body {
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #111827;
}

h1 {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.02em;
}

.muted {
  color: #6b7280;
  font-size: 0.875rem;
}

a {
  text-decoration: none;
  color: #6366f1;
}

CSS

Full Editor

Related Resources

CSS Reference

Complete tag & property list

CSS How-To Guides

Step-by-step practical guides

CSS Exercises

Practice what you've learned