Learn Web Typography in 2019
Learn Web Typography in 2019
The influence of web typography especially going into 2019 cannot be stressed enough. This is the only avenues developers use to express a certain feeling and give the content a voice in the web. The evolution of web typography has been beautiful to watch as we have seen it go from being incompatible with SEO to being a major part of it. The use of fonts has brought some fun into the integration of text into websites by designers. This article will look to give pointers and tips on web typography especially going into 2019 and hopefully it should come in handy as you try to integrate this technique into your sites.
The first thing we are going to look at are the elements of typography. First of we will look at Typeface. This describes a family of fonts which include all the possible versions of Helvetica out there such as Helvetica Black, Helvetica Bold among many others. The other element of typography we will look at is Font. This now describes the weight or style of a given family. For example, if we take the Helvetica family, Helvetica Bold would be a font in that particular family. Typefaces mostly consist of a number of many different fonts that sometimes may look alike but are actually not. Although the terms typeface and font are usually used interchangeably, as has been established above they are actually not the same thing. As someone looking to learn typography, this is something worth noting going into 2019. There are multiple examples of typefaces and fonts which you can learn more about on runrex.com.
The next thing on our agenda as we look to enlighten ourselves about web typography in 2019 has to do with the classifications of typefaces or what is sometimes referred to as generic font families. For us web developers, there are six types of classifications that should interest us as these are the most common on web pages. These include Serif, Sans-Serif, Script, Monospaced, Cursive and Fantasy. Sans and Sans-Serif are the most popular ones and as such it is important to know where each of them is better applied. The Serif font is better applied on headlines or titles as they are usually more attractive to look at and will therefore be useful in grabbing attention which is what the headline should do. The Sans-Serif fonts are more suited for the text of the body as they are much easier to read. For more on the other typeface classifications make sure you check out runrex.com.
The next thing that we ought to look at as we get to know more about web typography in 2019 is the typeface anatomy. This are basically the features and elements that differentiate one typeface from the next one. Here one is only required to know the basic elements of typeface anatomy which include cap and x-height as well as descenders and ascenders. The first one, cap and x-height have to do with height of the capital letters in the typeface as well as the height of the letter x. Using this you will get to know the expected height of the largest letters as well as the expected size of a majority of the lowercase letters. These two characteristics are what govern the sizing of all fonts. The second one, descenders and ascenders relate to the portions of letters that go below and above the x-height line.
Another thing worth looking at is the spacing of letters in web typography. There are a number of characteristics that are related to spacing which include kerning, tracking, leading, measure, alignment and ligatures. All of this deal with different aspects of spacing which all end up having an effect on typography. Ligatures for instance have to do with the moving of letters extremely close together that their anatomies end up combining. This leads to what we normally see as letters flowing into each other on text. For more on the rest of the other elements of spacing, runrex.com is the place to visit.
The next step we need to cover when looking to learn about web topography in 2019 is what to check and what to is of importance when writing your typography. The first thing that we need to be mindful of is the typefaces we select. You have to ensure you choose a typeface from the right family and of the right anatomy. You should also keep your eyes peeled and be very attentive on the small details like dashes and hyphens as well as right and left quotation marks. You should also use the right spacing and have the right heights for your lines.
Web typography isn’t that complex and you therefore have no excuse for failing to master it or at least learn the basics going into 2019. Hope this article comes in handy in your quest of getting to know more on web typography. As usual you can check out runrex.com for more on this and much more.