america 12 Years Building Websites Est. 2008

Google Introduces Spectral

  • 21/Jun/2017

Spectral is the newest addition to Google’s font library. Designed by Production Type, the team behind great fonts such as Gemeli, or CogitoSpectral is a beautiful screen-first font. Based in Paris, Production Type is a digital type design agency that’s involved with online distribution of retail fonts, but it also does custom typeface work in industrial, luxury and media sectors. Commissioned by Google to design a type for immersive reading, Production Type delivered Spectral.

Spectral Font design
Image credit: Google

Spectral, the Font for Documents

The font was created for long, distraction free reads. Therefore, Product Type tried to keep the font as simple as possible. Still, they’ve managed to design lettering that looks distinct from similar serifs. And while it’s intended to be a functional font, it’s also elegant. It’s a great choice if you want to add some personality to documents, but without going too far.
Showcase of Spectral Font in a Document
Image credit: Google Spectral is available in seven weights of roman and italic, and also has glyphs. The font looks particularly great in spreadsheets, especially for expressing numbers.
Showcase Spectral font in a spreadsheet
Image credit: Google It’s not a font designed for print. So you may want to take that into account. For large printed documents, it’s not as efficient as specialized fonts.
Spectral Font numbers
Image credit: Google Spectral may be a good choice for a wide are of projects. Also, it’s neutral so it works as part of plenty of font combinations. For example, Lato and Spectral look really great together. The font is already used in more than 600 websites. The font also supports more than 120 languages.

Get Spectral

The font is released under an SIL Open Font License. Embed it into a webpage by adding this code into the <head> of your HTML document:
1
<link href="https://fonts.googleapis.com/css?family=Spectral" rel="stylesheet">
Then you’ll have to style an element with the Spectral in a stylesheet:
1
2
3
.spectral-font {
   font-family: 'Spectral', serif;
}
Alternatively, you can download the font for free, from Google’s font repository. The font is already available in GSuite, Google’s productivity suite.