Fonts for use on a website require files that are loaded from one of two places; the visitor’s own system, or a web server. Let’s take a quick look at web fonts in sixty seconds!
Understanding Web Fonts
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 couple of them are installed across all devices and operating systems.
The second place font files can be loaded from is the web (ie. “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, firstly ensure you have permission to use the files, then put them on your host and use
@font-face in your CSS to load them up.
And that’s web fonts, in sixty seconds!
Web Fonts From Envato Elements
A subscription to Envato Elements will give you access to over 700 web fonts; a number that is growing with each passing month! If you’re a type fan, you need to take a look:
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post