24 Awesome Web Fonts for Free

1. Allerta01_AllertaAllerta

Yann le Coroller

Allerta is an open source typeface designed for use in signage. Allerta was designed to be easily and quickly read from a distance.

http://www.google.com/fonts/specimen/Allerta

google_logo_41


2. Alte Haas Grotesk02_AlteHaasGroteskAlteHaasGrotesk
Yann le Coroller

Alte Haas Grotesk is a typeface that look like an helvetica printed in an old Muller-Brockmann Book.
These fonts are freeware and can be distributed as long as they are together with this text file.
I would appreciate very much to see what you have done with it anyway.

http://www.dafont.com/alte-haas-grotesk.font

dafont


3. Artifika03_ArtifikaArtifica
Cyreal

Artifika is an amiable upright italic for fashionable display titling.

http://www.google.com/fonts/specimen/Artifika

google_logo_41


4. Arvo04_ArvoArvo
Anton Koovit

Arvo is a geometric slab-serif typeface family suited for screen and print. The family includes 4 cuts: Roman, Italic, Roman Bold, Bold Italic.

http://www.google.com/fonts/specimen/Arvo

google_logo_41


5. AUdimat05_AUdimatAUdimat
SMeltery

A Contemporary font for Headings and Paragraphs. Sans-serif, Square.

http://www.smeltery.net/fonts/audimat

SMeltery


6. Bree Serif06_Bree SerifBreeSerif
TypeTogether

This friendly upright italic is the serif cousin of TypeTogether’s award winning font Bree. Designed by Veronika Burian and José Scaglione.

http://www.google.com/fonts/specimen/Bree+Serif

google_logo_41


7. Constantia07_ConstantiaConstantia
John Hudson
Microsoft

Constantia is featured in the Microsoft ClearType Font Collection, a set of fonts developed to take advantage of ClearType to improve the reading experience in Windows Vista and Office 2007. It is a modulated wedge-serif typeface designed primarily for continuous text in both electronic and paper publishing.

http://www.myfonts.com/fonts/ascender/constantia/

MyFonts


8. Crete Round08_CreteRoundCreteRound
TypeTogether

Crete Round is a warm slab serif providing a hint of softness to texts. It started as a tailored version of the original Crete fonts, created specially to serve as corporate typeface for the type design competition Letter2.

http://www.google.com/fonts/specimen/Crete+Round

google_logo_41


9. Gravitas One09_GravitasOneGravitasOne
Riccardo De Franceschi
Sorkin Type

Gravitas One is modeled on the “UK fat face” which is a kind of very heavy advertising type created during the industrial revolution in England.

http://www.google.com/fonts/specimen/Gravitas+One

google_logo_41


10. Kreon10_KreonKreon
Julia Petretta

Kreon targets text typesetting for magazines and news sites. With a slight slab-serif look and the low contrast design, it is a sturdy typeface for your website, blog or online magazine.

http://www.google.com/fonts/specimen/Kreon

google_logo_41


11. Merriweather11_MerriweatherMerriweather
Eben Sorkin

Merriweather is an evolving project and will be updated. As of now there are 4 styles: Regular, Light, Bold, and Black. There are now Italic styles in each of these weights, too.

There is also Merriweather Sans, a sans-serif version which closely harmonizes with the weights and styles of this serif family.

http://www.google.com/fonts/specimen/Merriweather

google_logo_41


12. Neuton12_NeutonNeuton
Brian Zick

Neuton is a clean, dark, somewhat Dutch-inspired serif font which reminds you a little of Times.

http://www.fontsquirrel.com/fonts/neuton

fontSquirrel


13. Noto Sans13_NotoSansNotoSans
Google

Noto helps to make the web more beautiful across platforms for all languages. Currently, Noto covers over 30 scripts, and will cover all of Unicode in the future. This is the Sans Latin, Greek and Cyrillic family. It has Regular, Bold, Italic and Bold Italic styles and is hinted. It is derived from Droid, and like Droid it has a serif sister family, Noto Serif.

http://www.google.com/fonts/specimen/Noto+Sans

google_logo_41


14. Open Sans14_OpenSansOpenSans
Steve Matteson

Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp.
Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.

http://www.google.com/fonts/specimen/Open+Sans

google_logo_41


15. Oswald03_ArtifikaOswald
Vernon Adams

Oswald is a reworking of the classic style historically represented by the ‘Alternate Gothic’ sans serif typefaces. The characters of Oswald have been re-drawn and reformed to better fit the pixel grid of standard digital screens. Oswald is designed to be used freely across the internet by web browsers on desktop computers, laptops and mobile devices.

http://www.google.com/fonts/specimen/Oswald

google_logo_41


16. Plantagenet Cherokee16_PlantagenetCherokeePlantagenetCherokee
Ross Mills

Mills drew his inspiration for Plantagenet (1996) from Neoclassical typefaces, especially those of John Baskerville and Pierre Simon Fournier.
If you are using Plantagenet Cherokee for Cherokee-language projects, the font will be made available at no cost.

http://www.tiro.com/Plantagenet/plantagenet_cherokee_purchase.html

trioTypeworks


17. PT Serif17_PTSerifPTSerif
SMeltery

PT Serif™ is the second pan-Cyrillic font family developed for the project “Public Types of the Russian Federation.”
The project is dedicated to the 300 year anniversary of the civil type invented by Peter the Great in 1708–1710. It was given financial support from the Russian Federal Agency for Press and Mass Communications.
PT Serif is a transitional serif typeface with humanistic terminals. It is designed for use together with PT Sans, and is harmonized across metrics, proportions, weights and design.

https://www.google.com/fonts/specimen/PT+Serif

google_logo_41


18. Roboto Slab18_RobotoSlabRobotoSlab
Christian Robertson

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 doesn’t compromise, allowing letters to be settled into their natural width. This makes for a more natural reading rhythm more commonly found in humanist and serif types.

http://www.google.com/fonts/specimen/Roboto+Slab

google_logo_41


19. Rockwell19_RockwellRockwell
supervised by F.H. Pierpont

The first geometric slabserif, Litho Antique, appears as a sport from the Inland Typefoundry of St. Louis in 1910, distributed from Inland and then ATF. Rockwell was released in 1934.

http://www.myfonts.com/fonts/mti/rockwell/

MyFonts


20. Sansita One20_SansitaOneSansitaOne
Pablo Cosgaya
Omnibus-Type

Sansita One is a tasty new Omnibus-Type font designed by Pablo Cosgaya. The flavor of Sansita One’s lowercase explores the relationship between typography and calligraphy. The elegance of Sansita One’s uppercase makes this an excellent choice for packaging, brief texts, branding and slogans.

http://www.google.com/fonts/specimen/Sansita+One

google_logo_41


21. Zil Semi Slab21_ZilSemiSlabZilSemiSlab
Igor Fonseca

Zil Semi Slab is in the freeform serifs family & was designed in 2011 by Igor Fonseca. This font is free for personal use and can not be used for commercial purposes. You can contact the author of the font to determine the conditions of use.

http://www.dafont.com/zil-semi-slab.font

dafont


22. Days One22_DaysOneDaysOne
Jovanny Lemonad

Days One is an experiment, which was established in 2008 by three people: Alexander Kalachev, Ivan Gladkikh, Alexei Maslov. Letterforms are wide, and the strokes are thick. This makes Days One good for headlines.

http://www.google.com/fonts/specimen/Days+One

google_logo_41


23. Symbola23_SymbolaSymbola
George Douros

Symbola contains 7752 glyphs. It is a Unicode Fonts for Ancient Scripts, as well as having a very large array of other symbols. Contains Basic Latin, Greek, Cyrillic and many Symbol blocks of Unicode.

http://www.fonts2u.com/symbola.font

fonts2u


24. Narkisim24_NarkisimNarkisim
Zvi Narkiss

Narkisim contains Latin and Hebrew characters.

http://www.azfonts.net/load_font/nrkis.html

azfonts


Most of the fonts listed here are available to use from Google Fonts. Other’s I have given links to where the fonts can be downloaded from. If you need a tutorial on using css @fontface then you could try here;

CSS3 @font-face Rule
www.w3schools.com

or here:

Using @font-face
css-tricks.com

There are also some resources online for generating the font files that you’ll need;

Webfont Generator – Font Squirrel
Font Uploader – font2web

 

Leave a Reply