CLASS 6 on Monday 9/16/2019 Today we are going to look into typography and how to implement it on the web using CSS. Typography Basics We will start with looking at typography basics. This post covers that and more. Don’t worry if you don’t pick it all up right away. […]
Daily Archives: September 16, 2019
This post presents the basics of typography through a set of rules to follow. Like all rules they are made to be broken, but you should learn them first before you start breaking them. If you follow these rules your web typography won’t suck. It will most likely be pretty […]
These are some of the more commonly used properties for typography and creating typographic hierarchy. Font (Typeface): This controls the font that is used. Also see the information on fonts in the CSS section of the Web Design Resources. CSS Property: font-family Example: font-family: "pt sans", sans-serif; https://developer.mozilla.org/en-US/docs/Web/CSS/font-family Font Weight This controls the weight (boldness […]
Most of the web is text so much of what you have to design is text. A typographic hierarchy helps the user to quickly scan a page and find information. Also, done right, it will make the page more visually attractive. Typographic Hierarchy tells the reader two basic things: what text is more or […]
This is a LONG list of web fonts. It’s meant to be used as a resource that you can come to when trying to find the right fonts for your web sites. Fonts with multiple weights These fonts have at least six weights including normal and italic versions Sans-Serif Alegreya […]
In your sites you generally don’t want to use more than 2 or 3 fonts. More than that can start to look a bit chaotic and can represent too many different tones. This video talks about choosing fonts and also talks about hierarchy and some other basics about typography. The video is just […]