Typography is the art of arranging text on a page. Some of the most important information a user will see on a web page will be textual.
Styling text to make page content accessible and engaging can significantly improve user experience.
Some of the things that typography can help with:
- How to style and transform fonts.
- How to lay text out on a page.
- How to add external fonts to your web pages.
- Specifies a custom font to be used to display text.
- Shorthand property that sets different properties for an element's font in a single declaration.
- Specify the typeface in a rule set.
- Sets the text size. Font size values can be in different units like absolute lengths and relative lengths.
- To set the font style in which text will appear.
- To set the text to be thicker or thinner.
- Set the horizontal spacing between the individual characters in an element.
- Set the vertical spacing between lines of text.
- To set the text alignment of inline contents.
- To add lines on the text.
- Leaves empty space on the first line in a text-block.
- Sets the justifcation method of text when text-align: justify; is applied to an element.
- Specifies how hidden content is signaled to the user.
- Adds shadow to text.
- Specifies how to capitalize an element's text.
- Set space between words.
Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.
- Anonymous contributors
Learn CSS on Codecademy
Front-End EngineerFront-end engineers work closely with designers to make websites beautiful, functional, and fast.
Includes 34 Courses
With Professional Certification
- Anonymous contributorsAnonymous contributors