Do It Yourself – Tutorials – What Are Web Fonts?

by | Jan 15, 2021 | 0 comments

Do It Yourself – Tutorials – What Are Web Fonts?

by | Jan 15, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



Learn all about web fonts and where and when to use them in this quick video tutorial. ► Find all the creative assets you need with one Envato Elements subscription: fonts, graphics, themes, templates and more: https://elements.envato.com?utm_campaign=yt_tutsplus_4WQQwEkQrzg&utm_medium=referral&utm_source=youtube.com&utm_content=description

Fonts for use on a website require files that are loaded from one of two places. The first place is the visitor’s personal device (computer, smartphone, etc.). These fonts are called “system fonts”, and there aren’t many you can reliably use because only a few of them are installed across all devices and operating systems.

The second place font files can be loaded from is the web (i.e. “web fonts). You can use any font you want in this manner because you needn’t worry that a visitor doesn’t have access to the required files.

Web fonts can be served up either via your own site’s hosting or from an external provider like Google Fonts. To serve up your own web fonts, first, ensure you have permission to use the files, and then put them on your host and use @font-face in your CSS to load them up.

Read more on What are Web Fonts? on Envato Tuts+: https://design.tutsplus.com/tutorials/web-fonts-in-60-seconds–cms-29695

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com?utm_campaign=yt_tutsplus_4WQQwEkQrzg&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_4WQQwEkQrzg&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – html

source