#DIFFERENT TYPES OF TEXT STYLES FREE#

“Sans” in French means “without”, so sans serif would be a typeface without the ornaments. Serif is a styling element of characters that refers to the small embellishment finishing a stroke of a character. To give you a more detailed look - one point equals to 1/72 of an inch. But it's the size of the whole font not a single letter. It is the vertical distance of a font from the top to the very bottom of a letter. This is the most common way to represent the size of a font. Leading is the space between the baselines (the bottom of the letters, like the line where they all are on). Tracking adjusts spaces for the whole block of text while keening adjusts the space between two specific characters. Depending on the word and font, it is a good practice to adjust the kerning manually, but usually, the kerning is set to the best looking version by default.Īlso referred to as letter spacing. This allows setting different sized spaces between letters in one word if needed. Kerning is the horizontal space between two characters. The weights are usually the following - thin, normal, bold, black and others depending on the font. The weight of a font is the thickness of the strokes of the character. In Visual Composer, you have an option to add all Google Fonts to your website.

#DIFFERENT TYPES OF TEXT STYLES FREE#

The richest and most popular font family library across the web is a Google Fonts library which consists of more than 800 free licensed font families. A good example would be the Montserrat font family - it consists of several weights, styles and more. Font familyįont family is just the obvious - a group of fonts that are designed to use together.

The font consists of one specific point size, weight, width and other styling elements, like the italic style for example. If Arial is a typeface than Arial Bold is a font. Some popular typefaces are Arial, Georgia, and Helvetica.įonts, on the other hand, are a part of the typeface, it's a specific style. A typeface is a group of characters that have the same design. TypefaceĪ typeface is a term that is commonly used interchangeably with font, but that's not correct. It refers to anything from the size of the letters, to the way letters are displayed on a page. We've touched on this already, but by definition, typography is the art and technique of arranging type to make written language readable and visually appealing. In order for us to be on the same page, here is a handy list of terms that are important to know when thinking of the typography of a website. Typography terminologyīefore going deep into the world of typography, it is important to know its language. By using different fonts, we're in control of what we want the visitors to see, what is most important.

The main thing it shows is that it's important to use some sort of hierarchy. There's some research done, showing the patterns in which we view website most commonly. With the number of websites we visit, it's clear that we don't read them all word by word. There are fonts that just feel quirky and fun, while others feel serious and important. This is especially true for typefaces and fonts. It's another way you can establish a specific style that in combination with other content elements, like a logo, the structure of your site, colors, can create a unique experience that will differentiate your website from others. Typography is a big part of your branding.

Let's take a closer look at some important aspects that typography can influence.

Different types of text styles