What Font Does The Economist Use

Google Fonts Logo on Blue Background

Did yous know that your web browser is automatically downloading and using fonts that aren't installed on your system? Web fonts assistance the pages you browse every day expect improve. Here'south what they are and how they work.

Desktop Fonts vs. Spider web Fonts

We all utilize fonts every day. Some of them come with your operating system, some come up from applications like the Adobe Artistic Suite or Microsoft Office, and some are ones that you download or purchase and install yourself. When they're installed, you can use these fonts in word processors, image editing software, and more. These are desktop fonts, and they're stored locally.

An example of desktop fonts. — PixieMe / Shutterstock

Another blazon of font has become more important as our computing feel has moved online. These are Spider web Fonts—typography stored on the cloud (and so buried in your browser) and used to generate the text that appears on websites.

A Cursory History of Spider web Fonts

In the early on days of the net, typography on web pages was limited to what fonts were installed on your organisation. If a font wasn't installed, the spider web page would load a standard "fallback" font that was more likely to be available. Because of this, spider web designers often chose default system fonts for their sites.

Amid these were Microsoft's Core Fonts for Web, a gear up of typefaces fabricated freely bachelor for web design. This pack included widely used system fonts like Times New Roman, Arial, Comic Sans, and Trebuchet. Alternatively, designers could utilize font families such as Serif, Sans-Serif, and Monospace to specify the general style of a font even if a specific one wasn't available.

This changed in 2010 when Google launched Google Fonts, a vast open-source repository for gratis fonts that can be used anywhere on the web. Since then, other competitors, like Adobe's Typekit and spider web-hosted font plugins, have emerged. Millions of websites from around the world run on spider web fonts, including Google'south productivity suite.

How Spider web Fonts Work

The biggest Web Font provider, Google Fonts, is an expansive web library of over a thousand fonts. You lot can apply them on your website by pulling them via CSS, and mobile developers tin admission these fonts when creating Android apps.

When a web page uses Google Fonts, it pulls a font from Google'south database and and then displays the text in that font to you in your browser. These fonts are hosted on Google'south server and are loaded nearly instantaneously. Other cloud font services piece of work much the same way.

Another alternative is using self-hosted, embedded fonts on the spider web instead. This is done through the Web Open up Font Format (WOFF)—a compressed font file developed past Mozilla that's compatible with most modernistic web browsers. WOFF is useful if you want to embed a custom font that isn't available on a web font service.

Getting Web Fonts

Roboto Open Sans on a Black Background

The Google Fonts repository and all the fonts nether information technology are entirely gratuitous to use and attainable to everyone. It only uses fonts nether an open up license, and many of these fonts accept become staples of web pattern, like Roboto, Lato, and Montserrat. Google hosts a website that lists all of its available fonts and allows you to endeavor them out and compare them with each other. Google also offers a database of free vector icons.

Since these fonts are freely bachelor, y'all can download the original font files for use on your desktop every bit well. Many websites host Google Fonts' repositories, including Google's ain Github. You can utilize these fonts in projects, freely share them with others, and download them from other places on the internet for free.

Many website builders and content managers like WordPress and Squarespace come with support for web fonts out of the box. If you lot're using a custom website, you lot need to upload the font file to your server and use CSS lawmaking to indicate to the font file that you want to use.

If you'd similar to larn more about using spider web fonts for your website, check out this CSS Web Font Guide from W3Schools.

RELATED: How to Install and Manage Fonts in Windows 10's Settings App