Why Use Google Fonts?
You may also like the following articles:
How to Implement these in a Website?
Using them is really quick and simple:
- You choose a font. You can add it to your collection or use "quick-use" to generate the code and options for that font.
- Copy and paste the code generated into the <Head> section.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
- The font is now accessible in your CSS code
font-family: 'Tangerine', serif;
Here are some of the top recommended fonts from Google Web Fonts directory that you can use in your web design projects.
Varela Round is based on the well known font Varela. Its rounded corners make it perfect for a soft feel and work great at any size. It is suitable for headlines and printed collateral, and maintains its distinct properties amongst other objects. Varela Round is a great font for any website.
The design of Cutive, and this monospace sister family Cutive Mono, is based on a number of classic typewriter typefaces, in particular the faces of IBM's 'Executive,' and the older 'Smith-Premier.' In Cutive these old faces re-emerge as webfonts that are useful for adding character to body texts as well as in larger sizes for headers and display.
Alike is a text typeface with expressive and tense letterforms. Its design features are said to have Czech influence, but are softened for a friendlier feel.
Habibi is a high contrast serifed text face. Habibi is easy to read and offers a certain elegance to go with this. Habibi draws both on the qualities of 15th and 16th century text faces and on crisp contenporary ones. Habibi can be used from small sizes to larger display settings.
Alegreya was chosen as one of 53 "Fonts of the Decade" at the ATypI Letter2 competition in September 2011, and one of the top 14 text type systems.
Andada is a text font with an organic-slab serif, hybrid style, a solid design of medium stroke contrast.
When text is rendered by a computer, sometimes there will be characters in the text that can not be displayed, because no font that supports them is available to the computer. When this occurs, small boxes are shown to represent the characters.
Ultra is an ultra bold slab typeface with nods to wood type styles like Clarendon and Egyptian. Strong and dramatic letterforms for titling, a serious, yet friendly, and easily legible typestyle. Perfect for power headlines and titling for impact.
Trocchi is a design derived from a number of old faces from the English typecutter Vincent Figgins. Trocchi is designed for use both as text and display type. The font is named after the Scottish novelist Alexander Trocchi.
Francois One is a reworking of traditional sans serif gothic display typeface forms. In Francois One, the earlier letter forms have been digitised and then reshaped for use as a webfont, the counters have been opened up a little and the stems optimised for use as bold display font in modern web browsers. Slanted stem terminals have been added to give the face added visual play.
Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. While some grotesks distort their letterforms to force a rigid rhythm, Roboto compromise, allowing letters to be settle in to their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.
Vidaloka is a Didone display typeface for headlines and short blocks of text. Because of its high contrast it will work best from 16px and above.
Arbutus Slab is a sturdy medium contrast slab serif font. Arbutus is inspired by 18th and 19th American jobbing type. The generous spacing found in this design means that it can be used at fairly small sizes which makes it surprisingly versatile.
Averia is a Unicode typeface superfamily created from the average of all fonts on the computer of the creator, Dan Sayers. All metrics are the result of an averaging process. The included glyphs are those that existed in a majority of the source fonts.
Average Sans has the color, structure and proportions of its serif sister family, Average, which it complements harmoniously. The neutrality of the forms create a nice texture, both for texts and short headlines. Use it for online magazines, academic texts and blogs.
From the very first steps in the design process 'Domine' was designed, tested and optimized for body text on the web. It shines at 14 and 16 px. And can even be used as small as 11, 12 or 13px.
Fjalla One is a medium contrast display sans serif. Fjalla One has been carefully adjusted to the restrictions of the screen. Despite having display characteristics Fjalla One can be used in a wide range of sizes.
Lato is a sanserif typeface family.
Playfair is a transitional design. This influenced typographical letterforms to become increasingly detached from the written ones. Developments in printing technology, ink, and paper making, made it possible to print letterforms of high contrast and delicate hairlines.
Vollkorn has dark and meaty serifs and a bouncing and healthy look. It might be used as body type as well as for headlines or titles. It stood for the small fonts for every day use in hand setting times.
Arimo is an innovative, refreshing sans serif design that is metrically compatible with Ariala. Arimo offers improved on-screen readability characteristics and the pan-European WGL character set and solves the needs of developers looking for width-compatible fonts to address document portability across platforms.
Days One letterforms are wide, and the strokes are thick. This makes Days One good for headlines. It is similar to the more Regular weight font 'Numans' also available in Google Web Fonts.
Donegal One is a text typeface designed to be highly legible and comfortable when reading on screen. Donegal's utility and personality consistently shows from small text sizes to display. Donegal uses the cut interior curve associated with W.A. Dwiggins.
Archivo is a grotesque sans serif typeface family from Omnibus-Type. It was originally designed for highlights and headlines. This family is reminiscent of late nineteenth century American typefaces.