What Font Does Shopify Use?
Shopify Store Fonts
If you’re curious to know what fonts Shopify uses for their branding on the home page. It is made up of a few different types.
Using the chrome browser Inspect option I was able to locate the fonts used on the home page.
Here are the Shopify fonts.
- ShopifySans
- Helvetica
- Arial
- Lucida Grande
- sans-serif
Shopify’s font library is a collection of fonts that includes system fonts, a selection of Google fonts, and licensed fonts from Monotype. These fonts are free to use on all Shopify online stores, and are provided in both WOFF and WOFF2 formats.
The following fonts are free to use on all Shopify online stores:
| Mono |
| Sans-serif |
| Serif |
| Abel |
| Abril Fatface |
| Agmena |
| Akko |
| Alegreya |
| Alegreya Sans |
| Alfie |
| Americana |
| Amiri |
| Anonymous Pro |
| Antique Olive |
| Arapey |
| Archivo |
| Archivo Narrow |
| Arimo |
| Armata |
| Arvo |
| Asap |
| Assistant |
| Asul |
| Avenir Next |
| Avenir Next Rounded |
| Azbuka |
| Basic Commercial |
| Basic Commercial Soft Rounded |
| Baskerville No 2 |
| Bauer Bodoni |
| Beefcakes |
| Bembo Book |
| Bernhard Modern |
| Bio Rhyme |
| Bitter |
| Bodoni Poster |
| Bodoni Poster Black |
| Burlingame |
| Cabin |
| Cachet |
| Cardamon |
| Cardo |
| Carter Sans |
| Caslon Bold |
| Caslon Old Face |
| Catamaran |
| Centaur |
| Century Gothic |
| Chivo |
| Chong Modern |
| Claire News |
| Cooper BT |
| Courier New |
| Crimson Text |
| DIN Neuzeit Grotesk |
| DIN Next |
| DIN Next Slab |
| Daytona |
| Domine |
| Dosis |
| Electra |
| Eurostile Next |
| FF Meta |
| FF Meta Serif |
| FF Tisa |
| FF Tisa Sans |
| FF Unit |
| FF Unit Rounded |
| FF Unit Slab |
| Fette Gotisch |
| Fira Sans |
| Fjalla One |
| Friz Quadrata |
| Frutiger Serif |
| Futura |
| Futura Black |
| Garamond |
| Geometric 415 |
| Georgia Pro |
| Gill Sans Nova |
| Glegoo |
| Goudy Old Style |
| Harmonia Sans |
| Helvetica |
| Humanist 521 |
| IBM Plex Sans |
| ITC Avant Garde Gothic |
| ITC Benguiat |
| ITC Berkeley Old Style |
| ITC Bodoni Seventytwo |
| ITC Bodoni Twelve |
| ITC Caslon No 224 |
| ITC Charter |
| ITC Cheltenham |
| ITC Clearface |
| ITC Conduit |
| ITC Esprit |
| ITC Founders Caslon |
| ITC Franklin Gothic |
| ITC Galliard |
| ITC Gamma |
| ITC Goudy Sans |
| ITC Johnston |
| ITC Johnston Medium |
| ITC Mendoza Roman |
| ITC Modern No 216 |
| ITC Modern No 216 Medium |
| ITC New Baskerville |
| ITC New Esprit |
| ITC New Veljovic |
| ITC Novarese |
| ITC Officina Sans |
| ITC Officina Serif |
| ITC Stepp |
| ITC Stone Humanist |
| ITC Stone Informal |
| ITC Stone Sans II |
| ITC Stone Serif |
| ITC Tapioca |
| Inconsolata |
| Joanna Nova |
| Joanna Sans Nova |
| Josefin Sans |
| Josefin Slab |
| Kairos |
| Kalam |
| Karla |
| Kreon |
| Lato |
| Laurentian |
| Libelle |
| Libre Baskerville |
| Libre Franklin |
| Linotype Didot |
| Linotype Gianotten |
| Linotype Really |
| Linotype Syntax Serif |
| Lobster |
| Lobster Two |
| Lora |
| Lucia |
| Lucida Grande |
| Luthersche Fraktur |
| Madera |
| Malabar |
| Mariposa Sans |
| Maven Pro |
| Megrim |
| Melior |
| Memphis |
| Memphis Soft Rounded |
| Mentor Sans |
| Merriweather Sans |
| Metro Nova |
| Modern No 20 |
| Monaco |
| Monotype Baskerville |
| Monotype Bodoni |
| Monotype Century Old Style |
| Monotype Goudy |
| Monotype Goudy Modern |
| Monotype Italian Old Style |
| Monotype New Clarendon |
| Monotype News Gothic |
| Monotype Sabon |
| Montserrat |
| Mouse Memoirs |
| Muli |
| Mundo Sans |
| Neo Sans |
| Neue Aachen |
| Neue Frutiger 1450 |
| Neue Haas Unica |
| Neue Plak |
| Neue Swift |
| Neuton |
| Neuzeit Office |
| Neuzeit Office Soft Rounded |
| Neuzeit S |
| New Century Schoolbook |
| News 702 |
| News 705 |
| News Cycle |
| News Gothic No 2 |
| News Plantin |
| Nobile |
| Noticia Text |
| Noto Serif |
| Nunito |
| Nunito Sans |
| Old Standard TT |
| Open Sans |
| Open Sans Condensed |
| Optima nova |
| Oswald |
| Ovo |
| Oxygen |
| PMN Caecilia |
| PT Mono |
| PT Sans |
| PT Sans Narrow |
| PT Serif |
| Pacifico |
| Palatino |
| Parma |
| Perpetua |
| Plantin |
| Playfair Display |
| Poppins |
| Prata |
| Prompt |
| Quantico |
| Quattrocento |
| Quattrocento Sans |
| Questrial |
| Quicksand |
| Quire Sans |
| Rajdhani |
| Raleway |
| Really No 2 |
| Righteous |
| Roboto |
| Roboto Condensed |
| Roboto Mono |
| Roboto Slab |
| Rockwell |
| Rubik |
| Sabon Next |
| Sackers Square Gothic |
| Sagrantino |
| Scene |
| Scherzo |
| Shadows Into Light |
| Slate |
| Soho |
| Soho Gothic |
| Source Code Pro |
| Source Sans Pro |
| Stempel Schneidler |
| Swiss 721 |
| Swiss 721 Rounded |
| Tenor Sans |
| Tiemann |
| Times New Roman |
| Tinos |
| Titillium Web |
| Trade Gothic |
| Trade Gothic Next |
| Trebuchet MS |
| Twentieth Century |
| Ubuntu |
| Unica One |
| Univers Next |
| Univers Next Typewriter |
| Unna |
| Vala |
| Varela |
| Varela Round |
| Verdana Pro |
| Volkhov |
| Vollkorn |
| Waza |
| Wola |
| Work Sans |
| Ysobel |
| Zurich |
| Zurich Extended |
You have the option of adding your own fonts should you choose.
Add Shopify fonts to your theme
The following outlines how to use fonts from the Shopify font library in your theme:
- Add a font_picker type setting to allow merchants to choose their font in the theme editor. The value of this setting is returned as a font object.
- Use one of the following font filters to load the chosen font, or any of its variants:
- Use the font_face filter to insert the default @font-face declaration.
- Use the font_url filter to access a CDN URL, so that you can create a custom @font-face declaration.
- Use the font_modify filter to access font variants of the same family. Examples are bold and italic stylings.
- Reference the chosen font to set any specific CSS stylings, such as font-family, font-weight, and font-style.
Final Thoughts
Shopify has a clean look and the font pairing is minimal which make for viewing their pages easy on the eyes. If your goal was to know which font the store used or which fonts you can use, well you know now and can add your own should you choose.
