Typography and Code
In our last video, we learned all about typography. Why it matters, and how to use it. And when it comes to working with type-on print, type is static. That means, once you design that book or poster, and it goes to print, the type doesn't move anymore, it's not gonna change lines, it's not gonna walk off the page, but when you work with type online, it's a whole another story. Type, becomes dynamic. And by that, I mean, it responds to the user, it responds to the browser that you're using, and also the size of the screen that you're reading the content on. So, this is where things get a little bit trickier. This brings us to tool number two. Typography with code. This is an essential skill for the 21st century designer. So, how do you work, with typography with code, is through HTML and CSS. A good way of describing how these two languages work together, is the design of a building. HTML controls the structure and the content, that would, how tall the building is, it would be the size...
of the roof, it's the scaffolding or the skeleton of the building. Whereas CSS, would be the style of the building. What the facade might look like, or the color of paint, inside the building. This is controlled in CSS. When you're working with CSS, this is where you put all the information, about type, for example, you can choose your font family. Say you love, Helvetica, or you're more of a classicist, and you wanna use a serif typeface. You can choose this in CSS. You can also define, how big you want the type to be. You can determine how much space you want between the lines. You can also choose, if you want it bold, italic, the weight of the text, this is all things you can control, in CSS, and CSS and HTML work together, to set type on screen. In our next video, the designer's intro to HTML and CSS, you're gonna learn, how to set type, with code. Let's get started.