CSS TEXT STYLES HOW TO

They might be using a different operating system, or a different device altogether, or they might be visually impaired, meaning that they might be using your site with a lot of magnification, or a custom style sheet that changes your fonts and colors, or a screen reader, which reads the text out to them. On the web, however, you can not guarantee that your beautifully crafted design will look identical to you and your users. In print design, designers have ultimate control over how their creations will look, and are safe in the knowledge that the space the work appears in will not change dimensions, number of colors available, or any other such property. The main shock that print designers get when coming to the web is the lack of control. Note: The article Web Typography lays a good foundation for this chapter by explaining a number of typographic concepts.

CSS TEXT STYLES HOW TO

In this article we explore how to style text on the web using CSS.

Web design has a lot of parallels with print design, but it also has a lot of differences and a lot more limitations. Of course, as humans we have been working out ways to format text so that it is legible to others for many centuries, but in printed form. The beauty of the web is that it allows human-readable text to be presented so that it transcends barriers such as disability and geography. The web is composed of a lot of different things, technical, social, and structural, but at its heart is something we all understand: human language. This article covers the fundamentals of styling text on the web, including web fonts, font size, line height, and more.

Css text styles