Web Fonts

This is a LONG list of web fonts. It’s meant to be used as a resource that you can come to when trying to find the right fonts for your web sites.

Fonts with multiple weights

These fonts have at least six weights including normal and italic versions

Sans-Serif

• Alegreya Sans:  http://www.google.com/fonts/specimen/Alegreya+Sans 
• Cabin:  http://www.google.com/fonts/specimen/Cabin http://www.fontsquirrel.com/fonts/cabin
• Dosis:  http://www.google.com/fonts/specimen/Dosis (no italic)
• Exo 2: https://fonts.google.com/specimen/Exo+2
• Fira Sans: https://fonts.google.com/specimen/Fira+Sans
• IBM Plex Sans: https://fonts.google.com/specimen/IBM+Plex+Sans
• IBM Plex Sans Condensed: https://fonts.google.com/specimen/IBM+Plex+Sans+Condensed
• Josefin Sans:  http://www.google.com/fonts/specimen/Josefin+Sans  
• Lato:  http://www.google.com/fonts/specimen/Lato
• Libre Franklin:  https://fonts.google.com/specimen/Libre+Franklin
• Livvic: https://fonts.google.com/specimen/Livvic
• Merriweather Sans:  http://www.google.com/fonts/specimen/Merriweather+Sans
• Muli:https://fonts.google.com/specimen/Muli 
• Nunito: https://fonts.google.com/specimen/Nunito
• Open Sans:  http://www.google.com/fonts/specimen/Open+Sans
• Open Sans Condensed: http://www.google.com/fonts/specimen/Open+Sans+Condensed  
• Raleway:  http://www.google.com/fonts/specimen/Raleway
• Roboto:  http://www.google.com/fonts/specimen/Roboto
• Rubik: https://fonts.google.com/specimen/Rubik
• Source Sans Pro:  http://www.google.com/fonts/specimen/Source+Sans+Pro 
• Titillium Web:  http://www.google.com/fonts/specimen/Titillium+Web
• Ubuntu:  http://www.google.com/fonts/specimen/Ubuntu

Serif

• Alegreya:  http://www.google.com/fonts/specimen/Alegreya
• Alegreya SC:  http://www.google.com/fonts/specimen/Alegreya+SC     small caps version of Alegreya
• Crimson Text:  http://www.google.com/fonts/specimen/Crimson+Text 
• Cormorant Garamond:  https://fonts.google.com/specimen/Cormorant+Garamond
• Merriweather:  http://www.google.com/fonts/specimen/Merriweather
• Neutron:  http://www.google.com/fonts/specimen/Neuton     Only the 400 Normal weight has italic
• Playfair Display:  http://www.fontsquirrel.com/fonts/playfair-display
• Spectral: https://fonts.google.com/specimen/Spectral

Slab Serif

• Josefin Slab:   http://www.google.com/fonts/specimen/Josefin+Slab
• Hepta Slab: https://fonts.google.com/specimen/Hepta+Slab

Systems

These fonts systems have different fonts designed to work together

Alegreya

• Sans : http://www.google.com/fonts/specimen/Alegreya+Sans 
• Serif : http://www.google.com/fonts/specimen/Alegreya
• Small Caps : http://www.google.com/fonts/specimen/Alegreya+SC

Averia

This one was created by writing an algorithm to average a bunch of fonts, more here:  http://iotic.com/averia/ 

• Serif:  http://www.google.com/fonts/specimen/Averia+Serif+Libre
• Serif 2:  http://www.google.com/fonts/specimen/Averia+Libre
• Sans:  http://www.google.com/fonts/specimen/Averia+Sans+Libre

Cabin

• Cabin: http://www.google.com/fonts/specimen/Cabinhttp://www.fontsquirrel.com/fonts/cabin
• Cabin Condensed:  http://www.google.com/fonts/specimen/Cabin%20Condensed

Droid

• Sans:  https://www.google.com/fonts/specimen/Droid+Sans 
• Serif:  https://www.google.com/fonts/specimen/Droid+Serif 
• Mono:  https://www.google.com/fonts/specimen/Droid+Sans+Mono

Museo

This system you have to pay for if you want the full version but you can get one weight of each for free. It’s on MyFonts and you have to add the free versions to your cart I believe.

• Sans:(2 weights free: 500, 500 italic)  http://www.myfonts.com/fonts/exljbris/museo-sans/buy.html 
• Serif: (3 weights free: 300, 500, 700)   http://www.myfonts.com/fonts/exljbris/museo/buy.html 
• Slab: (2 weights free: 500, 500 italic)  http://www.myfonts.com/fonts/exljbris/museo-slab/buy.html

Museo on Typekit

You can also get it if you use Typekit 

• Sans:  https://typekit.com/fonts/museo-sans
• Serif:  https://typekit.com/fonts/museo 
• Slab:  https://typekit.com/fonts/museo-slab

Just enough for basic text

If your project doesn’t require many different styles of text these fonts will work. These fonts mostly have four weights, Normal(400) and Bold(700) with italic versions of both (Some have less, some have more).

Sans-Serif

• Anonymous Pro:  http://www.google.com/fonts/specimen/Anonymous+Pro     has a kind of typewriter feel but sans-serif     could be good for displaying code if don’t need mono 0O Il1 are differentiated      http://www.typewolf.com/site-of-the-day/fonts/anonymous-pro
• Asap:  http://omnibus-type.com/fonts/asap.php  on fontsquirrel  http://www.fontsquirrel.com/fonts/asap
• Montserrat:  http://www.google.com/fonts/specimen/Montserrathttp://www.typewolf.com/site-of-the-day/fonts/montserrat 
• Nobile:  http://www.google.com/fonts/specimen/Nobile 
• Oxygen:  https://www.google.com/fonts/specimen/Oxygen 
• Roboto Condensed: http://www.google.com/fonts/specimen/Roboto+Condensed 
• PT Sans:  http://www.google.com/fonts/specimen/PT+Sans 
• Questrial (only 1 weight): http://www.google.com/fonts/specimen/Questrial 
• Quicksand:(3 weights) https://www.google.com/fonts/specimen/Quicksand
• Rosario:  http://www.google.com/fonts/specimen/Rosario

Serif

• Cardo (3 no bold or italic): http://www.google.com/fonts/specimen/Cardo 
• Caudex:  http://www.google.com/fonts/specimen/Caudex
• DejaVu Serif:  http://www.fontsquirrel.com/fonts/DejaVu-Serif 
• Droid Serif:  http://www.google.com/fonts/specimen/Droid+Serif
• Gentium Basic:  http://www.google.com/fonts/specimen/Gentium+Basic
• Gentium Book Basic: http://www.google.com/fonts/specimen/Gentium+Book+Basic slightly heavier overall than Basic 
• Lora:  http://www.google.com/fonts/specimen/Lora Has 4 normal and bold with italic in each
• Noto Serif: (4 weights) https://www.google.com/fonts/specimen/Noto%20Serif
• Old Standard TT (3, no bold italic): http://www.google.com/fonts/specimen/Old+Standard+TT
• PT Serif: http://www.google.com/fonts/specimen/PT+Serif
• Vollkorn: http://www.google.com/fonts/specimen/Vollkorn

Display Fonts (Headings) 

While some of these might be usable for paragraphs of text, most are more suited to headings and larger font sizes

Fancy

(not suitable at all for small text or large amounts of text)

• Bellota:  http://www.fontsquirrel.com/fonts/bellota  
• Fredericka the Great:  http://www.google.com/fonts/specimen/Fredericka%20the%20Great
• Gorditas: http://www.google.com/fonts/specimen/Gorditas
• Londrina:  http://www.fontsquirrel.com/fonts/londrina
• Londrina Sketch: http://www.google.com/fonts/specimen/Londrina%20Sketch
• Luckiest Guy: https://www.google.com/fonts/specimen/Luckiest+Guy
• Righteous:  https://www.google.com/fonts/specimen/Righteous

Serif

• Averia Serif Libre: http://www.google.com/fonts/specimen/Averia+Serif+Libre
• Playfair Display SC: http://www.google.com/fonts/specimen/Playfair+Display+SC     small caps version of Playfair Display
• Nixie One: http://www.google.com/fonts/specimen/Nixie%20One
• Rosvario: http://www.google.com/fonts/specimen/Rosarivo

Slab Serif

• Arvo:  http://www.google.com/fonts/specimen/Arvo
• Bitter:  http://www.google.com/fonts/specimen/Bitter
• Crete Round:  http://www.google.com/fonts/specimen/Crete%20Round
• Roboto Slab:  http://www.google.com/fonts/specimen/Roboto+Slab
• Kreon (no italics):  http://www.google.com/fonts/specimen/Kreon

Sans Serif

• Amaranth:  http://www.google.com/fonts/specimen/Amaranth
• Archivo black:  http://omnibus-type.com/fonts/archivo-black.php
• Archivo narrow:  http://www.fontsquirrel.com/fonts/archivo-narrowChivo:  http://omnibus-type.com/fonts/chivo.php
• Expletus Sans:  http://www.google.com/fonts/specimen/Expletus+Sans
• Jura:  http://www.google.com/fonts/specimen/Jura  
• Laconic:  http://www.fontsquirrel.com/fonts/laconic
• League Gothic:  https://www.theleagueofmoveabletype.com/league-gothic,  https://github.com/theleagueof/league-gothic
• Nova Round:  http://www.google.com/fonts/specimen/Nova%20Round
• Nunito:  http://www.google.com/fonts/specimen/Nunito
• Orbitron:  http://www.fontsquirrel.com/fonts/Orbitron
• Ostrich Sans:  http://www.fontsquirrel.com/fonts/ostrich-sans
• Oswald:  http://www.google.com/fonts/specimen/Oswald
• Overlock:  http://www.google.com/fonts/specimen/Overlock
• PT Sans Narrow:  http://www.google.com/fonts/specimen/PT+Sans+Narrow  
• Rajdhani:  http://www.google.com/fonts/specimen/Rajdhani
• Santana:  http://www.fontsquirrel.com/fonts/Santana
• Signika (no italic):  http://www.google.com/fonts/specimen/Signika 
• Signika negative:  http://www.google.com/fonts/specimen/Signika+Negative

Display Fonts with 1 weight By style

Most of these font’s just have one weight (some have two). Most of them are probably appropriate for headings only.

Script Fonts

formal, Informal, hand writing, in place of things like Comic Sans

• Allura: https://fonts.google.com/specimen/Allura
• Boogaloo:  http://www.google.com/fonts/specimen/Boogaloo
• Dancing Script:  http://www.google.com/fonts/specimen/Dancing+Script
• Dynalight:  http://www.google.com/fonts/specimen/Dynalight
• Handlee: https://fonts.google.com/specimen/Handlee
• Kalam: https://fonts.google.com/specimen/Kalam
• Marck Script:  http://www.google.com/fonts/specimen/Marck%20Script
• McLaren:  https://www.google.com/fonts/specimen/McLaren
• Pacifico:  http://www.google.com/fonts/specimen/Pacifico
• Parisienne:  https://www.google.com/fonts/specimen/Parisienne 
• Permanent Marker: https://fonts.google.com/specimen/Permanent+Marker
• Sail:  http://www.google.com/fonts/specimen/Sail
• Shadows into Light: https://fonts.google.com/specimen/Shadows+Into+Light
• Tangerine:  https://www.google.com/fonts/specimen/Tangerine
• Tiliana: https://fonts.google.com/specimen/Tillana
• Yesteryear:  http://www.google.com/fonts/specimen/Yesteryear

Sans

• Abel:  http://www.google.com/fonts/specimen/Abel 
• Candal:  http://www.google.com/fonts/specimen/Candal
• Changa One : http://www.google.com/fonts/specimen/Changa+One
• Francois One:  http://www.google.com/fonts/specimen/Francois+One
• Iconsolata:  http://www.google.com/fonts/specimen/Inconsolata     Can be good for showing Code when don’t want monospaced (no italic)        http://www.typewolf.com/site-of-the-day/fonts/inconsolata 
• Mako:  http://www.google.com/fonts/specimen/Mako
• Metrophobic:  http://www.google.com/fonts/specimen/Metrophobic
• Pathway Gothic One: http://www.google.com/fonts/specimen/Pathway%20Gothic%20One
• Paytone One:  http://www.google.com/fonts/specimen/Paytone+One

Slab Serif

• Bree Serif:  https://www.google.com/fonts/specimen/Bree+Serif
• Holtwood One SC:  http://www.google.com/fonts/specimen/Holtwood+One+SC  
• Kelly Slab: https://fonts.google.com/specimen/Kelly%20Slab
• Rokkit:  http://www.google.com/fonts/specimen/Rokkitt

Serif

• Abril Fatface:  http://www.google.com/fonts/specimen/Abril+Fatface
• EB Garamond:  http://www.google.com/fonts/specimen/EB+Garamond 
• Fjord One:  https://www.google.com/fonts/specimen/Fjord%20One
• Gravitas One:  http://www.google.com/fonts/specimen/Gravitas+One
• Goudy Bookletter 1911: http://www.google.com/fonts/specimen/Goudy+Bookletter+1911 
• Kameron:  http://www.google.com/fonts/specimen/Kameron
• Mate SC:  https://www.google.com/fonts/specimen/Mate%20SC

Mono

MonoSpace fonts are useful in places like when you are showing code or have a list of numbers that need to line up

• Anonymous Pro:  http://www.google.com/fonts/specimen/Anonymous+Pro
• Droid Sans Mono:  https://www.google.com/fonts/specimen/Droid+Sans+Mono 
• PT Mono:  http://www.google.com/fonts/specimen/PT+Mono
• Roboto Mono: https://fonts.google.com/specimen/Roboto+Mono
• Space Mono: https://fonts.google.com/specimen/Space+Mono

Typekit subscription

If you pay for Adobe Creative Cloud then you can use fonts through Typekit which is a font host like Google Fonts but has only high quality fonts, full families and fonts that you can not get easily elsewhere.These are all high quality fonts

Sans

• Brandon Grotesque:  https://typekit.com/fonts/brandon-grotesque
• FF Enzo:  https://typekit.com/fonts/ff-enzo-web
• FF Meta:  https://typekit.com/fonts/ff-meta-web-pro
• Futura PT:  https://typekit.com/fonts/futura-pt  
• JAF Bernina Sans Compressed:  https://typekit.com/fonts/jaf-bernina-sans-compressedJ
• AF Facit:  https://typekit.com/fonts/jaf-facitweb
• Junction:  https://typekit.com/fonts/junction
• League Gothic:  https://typekit.com/fonts/league-gothic
• Museo Sans:  https://typekit.com/fonts/museo-sans
• Myriad Pro:  https://typekit.com/fonts/myriad-pro
• Proxima Nova:  https://typekit.com/fonts/proxima-nova

Serif

• Adobe Garamond Pro:  https://typekit.com/fonts/adobe-garamond-pro
• Adonis:  https://typekit.com/fonts/adonis-web
• Chaparral Pro:  https://typekit.com/fonts/chaparral-pro
• FF Meta Serif:  https://typekit.com/fonts/ff-meta-serif-web-pro
• FF Tisa Pro:  https://typekit.com/fonts/ff-tisa-web-pro
• Minion Pro:  https://typekit.com/fonts/minion-pro
• Museo:  https://typekit.com/fonts/museo
• PT Serif:  https://typekit.com/fonts/pt-serif
• Schoolbook Web:  https://typekit.com/fonts/schoolbook-web
• Sorts Mill Goudy:  https://typekit.com/fonts/sorts-mill-goudy

Slab

• Adelle:  https://typekit.com/fonts/adelle-web
• Chunk:  https://typekit.com/fonts/chunk
• Jubilat:  https://typekit.com/fonts/jubilat
• Museo Slab:  https://typekit.com/fonts/museo-slab