CSS Typography

Font Weight/Family/Line-height

To get your preferred font style, choose a font family and set a line height and weight for it:

For example Visual Studio Code might not have the text style you want, so feel open to use Google Fonts - which another topic below.

Third Party Web Fonts

Using Google Fonts to import a custom font what your code editor doesn't support is a great idea:

Google is overall a great pick for text style, because its one of the largest font libraries out there.

Text Spacing and Alignment

Font families have their own alignment + spacing already set when you use them. Though, you can set your own values, making everything basically customizable:

Regardless of the font family, you can still control the spacing and alignment.

Self-hosted Fonts

If you have your own font or decided to make it smaller in size, so your site loads them faster, you can use "woff2" and "woff" as a fallback attribute:

Woff2 is used on various website to reduce loading time when going to a page, else it might be more laggy.