Best 100% free fonts download, Largest 100% Free 100% Free Fonts for free downloading. Highest quality 100% Free font for personal and commercial use. free-fonts-download.com. Jul 01, 2019 100 Must-have Free Fonts for Commercial and Personal Use. By Nancy Young in Graphics. Updated on July 1, 2019. Each time a designer starts work on a new design, there is always a big problem: a lack of high-quality materials, such as fonts, icons, images etc.
- 100 Percent Free Fonts Online
- 100 Fonts Free Download
- 100 Percent Free Fonts Downloads
- 100 Percent Free Fonts List
- 100 Percent Free Fonts Download
- 100 Percent Free Font Downloads
There are manyarticles and questions about percentage-sized vs other-sized fonts. However, I can not find out WHAT the reference of the percent-value is supposed to be. I understand this is 'the same size in all browsers'. I also read this, for instance:
Percent (%): The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.
Source: http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
But if you say 'ie 12 pt = 100%', then it means you first have to define font-size: 12pt. Is that how it works? You first define a size in an absolute measure, and then refer to this as '100%'? Does not make a lot of sense, as many samples say it is useful to put:
So by doing this, WHAT is the font size relative to? I notice that the size I see on my screen differs for every font. Arial looks way bigger than Times New Roman, for instance. Also, if I would just do this, body size = 100%, would that mean that it will be the same on all browsers? Or only if I first define an absolute value?
UPDATE, SAT JUL 23
I am getting there, but please bear with me.
So, the % value relates to the default browser font size, if I understand correctly. Well, that is nice but gives me again several other questions:
- Is this standard size always the same for every browser version, or do they vary between versions?
- I ! found (see image below) the settings for Google Chrome (never looked at this before!), and I see standard 'serif', 'sans-serif' and 'monospace' settings. But how do I interpret this for other fonts? Say I define
font: 100% Georgia;, what size will the browser take? Will it look up the standard size for serif, or has the 'Georgia' font a standard size for the browser - On several websites I read things like
Sizing text and line-height in ems, with a percentage specified on the body [..], was shown to provide **accurate, resizable text across all browsers** in common use today. But from what I am learning now I believe that you should actually choose between either resizable text (using % or em, like what they recommend in this quote), or having 'accurate, consistent font-sizes across browsers' (by using px or pt as a base). Is this correct?
Google Settings:
This is how I think things could look like if you do not define the size in absolute values.
9 Answers
The browser default which is something like 16pt for Firefox, You can check by going into Firefox options, clicking the Content tab, and checking the font size. You can do the same for other browsers as well.
I personally like to control the default font size of my websites, so in a CSS file that is included in every page I will set the BODY default, like so:
Now the font-size of all my HTML tags will inherit a font-size of 14px.
Say that I want a all divs to have a font size 10% bigger than body, I simply do:
Now any browser that view my pages will autmoatically make all divs 10% bigger than that of the body, which should be something like 15.4px.
If I want the font-size of all div's to be 10% smaller, I do:
This will make all divs have a font-size of 12.6px.
Also you should know that since font-size is inherited, that each nested div will decrease in font size by 10%, so:
The inner div will have a font-size of 11.34px (90% of 12.6px), which may not have been intended.
This can help in the explanation:http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#value-def-percentage
UndistractionMy understanding is that when the font is set as follows
the browser will render the font as per the user settings for that browser.
The spec says that % is rendered
relative to parent element's font size
In this case, I take that to mean what the browser is set to.
Jason GennaroJason GennaroA percentage in the value of the font-size property is relative to the parent element’s font size. CSS 2.1 says this obscurely and confusingly (referring to “inherited font size”), but CSS3 Text says it very clearly.
The parent of the body element is the root element, i.e. the html element. Unless set in a style sheet, the font size of the root element is implementation-dependent. It typically depends on user settings.
Setting font-size: 100% is pointless in many cases, as an element inherits its parent’s font size (leading to the same result), if no style sheet sets its own font size. However, it can be useful to override settings in other style sheets (including browser default style sheets).
For example, an input element typically has a setting in browser style sheet, making its default font size smaller than that of copy text. If you wish to make the font size the same, you can set
input { font-size: 100% }
For the body element, the logically redundant setting font-size: 100% is used fairly often, as it is believed to help against some browser bugs (in browsers that probably have lost their significance now).
It's relative to default browser font-size unless you override it with a value in pt or px.
RocketRRocketRSorry if I'm late to the party, but in your edit you make a remark about font: 100% Georgia, which the other answers haven't responded to.
There is a difference between font: 100% Georgia and font-size:100%; font-family:'Georgia'. If that was all the shorthand method did, the font-size part would be meaningless. But it also sets a lot of properties to their default values: the line height becomes normal (or around 1.2), ditto for the style (non-italic) and weight (non-bold).
That's all. The other answers already mentioned everything else there was to mention.
Mr ListerMr ListerAs you showed convincingly, the font-size: 100%; will not render the same in all browsers. However, you will set your font face in your CSS file, so this will be the same (or a fallback) in all browsers.
I believe font-size: 100%; can be very useful when combining it with em-based design. As this article shows, this will create a very flexible website.
When is this useful? When your site needs to adapt to the visitors' wishes. Take for example an elderly man that puts his default font-size at 24 px. Or someone with a small screen with a large resolution that increases his default font-size because he otherwise has to squint. Most sites would break, but em-based sites are able to cope with these situations.
Relative to the default size defined to that font.
If someone opens your page on a web browser, there's a default font and font size it uses.
Yochai TimmerYochai TimmerAs to my understanding it help your content adjust with different values of font family and font sizes.Thus making your content scalable. As to the issue of inhering font size we can always override by giving a specific font size for the element.
According to ALL THE SPECS DATING BACK TO 1996, percentage values on font-size refer to the parent element's (computed) font-size.
It's that easy.
What if the div declares a relative font-size, like ems, or even worse, another percentage?? See “computed” above. Whatever absolute unit the relative unit converts to.
The only question that remains is what happens when you use a percentage value on the root element, which has no parent:
In that case, see the “duplicate” of this question. TLDR: percentages on the root element refer to the browser default font size, which might be different per user.
References:
chharveychharveyprotected by TigerhawkT3Nov 24 '16 at 19:15
Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead?
Not the answer you're looking for? Browse other questions tagged cssfont-size or ask your own question.
Are you struggling to find that particular typeface that matches your creative vision? Then you’ve come to the right place! We do know how difficult and time-consuming it can be to find good, high-quality fonts, so we’ve done the searching for you. With over 100 free fonts to choose from, we guarantee that you will find the one, if not the several, you need. These really are the fonts you’ve been looking for!
This collection focuses on those clean and distinctive fonts that will make a professional and highly legible impact on your designs, wether that be on the web or in print. So, there are no overly decorative styles, as we have covered hand-drawn fonts, brush fonts, sci-fi fonts, chunky fonts, gothic fonts, and all those other creative and quirky fonts we all love, before.
Without delving too much into typeface classification and to also help you find that perfect font you’ve been looking for much quicker, we’ve grouped the most popular categories for you: Serif Fonts, Sans Serif Fonts, Slab Serif Fonts and Monospaced Fonts.
Free Serif Fonts
Serifs are defined by the small lines (or decorative features) that trail from the edges of each letter and number. As Serif fonts are considered to be easier to read, they’re typically used in print design as the characters are clearer and more distinctive, making it much easier for our brains to process.
Just like Slab Serifs (see further down), there are always exceptions to the rule. Most Serifs will work perfectly well as a title or headline on the web, and some, as you will see by the selection of free Serif fonts below, will even work beautifully as body text, but please do choose your web typography carefully.
Bitter HT Serif (Free)
Bitter HT includes Regular, Italic, Bold and Bold Italic. Designed by Sol Matas.
Download here:Bitter HT Serif.
Arkibal Serif (Envato Elements)
Arkibal Serif is a modern serif typeface designed by Jan-Christian Bruun.
Download here:Arkibal Serif Download
PT Serif (Free)
PT Serif includes Regular, Italic, Bold and Bold Italic variants. Created by ParaType.
Download here:PT Serif.
Ayres Serif (Free)
Ayres Serif includes ligatures and alternate glyphs. Created by Mariel Gornati.
Download here:Ayres Serif.
Magnifika (Envato Elements)
Magnifika is inspired by vintage lettering with lowercases and also a bit of a victorian flair.
Download here:Magnifika Download
Rhytmic Dances (Envato Elements)
With a salute to daily handwriting, Rhythmic Dances is based on handwriting with an added sense of caligraphic flair. Rough and elegant at the same time.
Download here:Rhytmic Dances Download
Calendas Plus Serif Font Family (Free)
Calendas Plus Regular includes both desktop and webfonts variants. Designed by Altipo Fonts.
Download here:Calendas Plus Serif Font Family.
Kula (Envato Elements)
Kula has an interesting, soft curvature. Subtle, but powerful. These 4 fonts that are included here are well suited for use bold and direct advertisement such as titles and headers for posters and slideshows.
Download here:Kula Download
SilverLeaf Handwritten Serif (Free)
SilverLeaf is a handwritten Serif font that includes both desktop and webfont variants. Created by Nathan Brown.
Download here:SilverLeaf Handwritten Serif.
YoungSerif Medium Typeface (Free)
YoungSerif Medium includes both webfont and desktop versions. Created by Uplaod.
Download here:YoungSerif Medium Serif Typeface.
Pratiwi Typeface (Envato Elements)
Give your designs an authentic handcrafted feel. “Pratiwi Typeface” is perfectly suited to stationery, logos and much more.
Download here:Pratiwi Typeface Download
Droid Serif (Free)
Droid Serif includes Regular, Bold, Bold Italic and Italic variants. Created by Steve Matteson.
Download here:Droid Serif.
Foundry (Envato Elements)
One of the most well-kerned hand written scripts on the list. Both TTF , WOFF & OTF Formats are included.
Download here:Foundry Download
Jura Serif Typeface (Free)
Jura Serif includes Regular, Italic, Bold and, Bold Italic variants. Created by Ten by Twenty.
Download here:Jura Serif Typeface.
Merriweather Serif (Free)
Merriweather includes Regular, Light, Bold, Itlalic and Black variants. Designed by Eben Sorkin.
Download here:Merriweather Serif.
Rumble Brave Vintage Fonts (Envato Elements)
Rumble Brave is a victorian classic that has all the swirls and curls you could want int a sassy display font. 8 variants included in the package
Download here:Rumble Brave Vintage Fonts Download
Vollkorn Serif (Free)
Vollkorn Serif includes Regular, Italic, Bold, Bold Italic, Semibold, Semibold Italic, Medium, Medium Italic variants. Designed by Friedrich Althausen.
Download here:Vollkorn Serif.
Appareo Extras (Envato Elements)
Inspired by vintage books and the pages within, Appareo is an imperfect, worn serif font that comes in three weights.
Download here:Appareo Extras Download
The Crimson Text Typeface (Free)
The Crimson Text typeface includes Bold, Bold Italic, Italic, Roman, Semibold and Semibold itlaic variants. Designed by Sebastian Kosch.
Download here:The Crimson Text typeface.
Calluna Serif (Free)
Calluna includes Light, Regular, Italic, Semibold Italic,Bold Italic and Black. Designed by exljbris Font Foundry.
Download here:Calluna.
Mon Cheri Typeface + Extras (Envato Elements)
The Mon Cheri typeface makes for the perfect thank you card. It’s made with love and comes out-of-the-box with 2 OTF fonts.
Download here:Mon Cheri Typeface Download
Stay Alive Sans (Envato Elements)
Stay Alive Typeface is Inspired by victorian style, poster, sign painter. The 1800s comes alive with this retro masterpiece
Download here:Stay Alive Sans Download
Brela Serif (Free)
Brela Serif only includes a Regular version. Designed by Makarska Estudio.
Download here:Brela Serif.
Bree Serif (Free)
Bree Serif only includes a Regular version of the Serif font. Designed by Veronika Burian and José Scaglione.
Download here:Bree Serif.
Himalaya Set Type (Envato Elements)
Himalaya set type is a vintage inspired font duo that includes one script and one sans serif font. The script and sans serif are both hand-drawn with a rough edge.
Download here:Himalaya Set Type Download
Afta Serif Font (Free)
Afta Serif includes both Regular and Italic versions. Created by Oriol Esparraguera.
Download here:Afta Serif Font.
Bignord (Envato Elements)
Bignord is a brand new fonts with vintage look and style inspired from vintage packaging and from typographic cover lettering.
Download here:Bignord Download
Badhead Typeface (Free)
The unique Badhead Typeface includes both desktop and webfont variants. Created by ianmikraz studio.
Download here:Badhead Typeface.
Burnts Maker (Envato Elements)
Burnts Marker is a typeface that’s born for the hood. Gives that rough feel and would be great for any type of hip hop cover. Step down to the streets with this signature/font blend that’s really quite extraordinary.
Download here:Burnts Maker Download
Sant’Elia Font Family (Free)
Sant’Elia includes Rough Line (3 weights), Script Bold & Rough Alt Bold variants. Created by Yellow Design Studio .
Download here:Sant’Elia Font Family.
Osgard Pro (Envato Elements)
Osgard Pro is a powerful, luxurious Typeface, adopting the fluid curvaceous elements of Romanesque typography and combining them with the Gothic style of Blackletter.
Download here:Osgard Pro Download
Exodus Free Typeface (Free)
Exodux includes Regular, Sharpen and Striped variants. Designed by Andrew Herndon.
Download here:Exodus Free Typeface.
Indulge Script (Envato Elements)
Indulge Script is a typeface adapted for both modern and traditional uses, housing 882 glyphs and 480 swashes.
Download here:Indulge Script Download
Butler Regular and Stencil Typeface (Free)
Butler includes both a regular and stencil style typeface, and comes in Black, Bold, Extra Bold, Light, Medium, Regular and Ultra Light variants. Designed by Fabian De Smet.
Download here:Butler Typeface.
Bird House Script (Envato Elements)
Bird House Script is a handwritten font designed using markers. This font would be perfect for branding a local coffeehouse, faux-signatures, and more. It includes uppercase standard character, punctuation and multiple language support.
Download here:Bird House Script Download
Tryst Regular Typeface (Free)
Tryst only includes a Regular version of the Serif font. Designed by Philatype.
Download here:Tryst Regular Typeface.
Brayden Script Family (Envato Elements)
Brayden Family is a family font that include 3 weights of script fonts + 1 a complimentary sans serif font to create that beautiful combination.
Download here:Brayden Script Family Download
Born Serif Typeface (Free)
Born Serif only includes a Regular version of the Serif font. Created by Carlos de Toro.
Download here:Born Serif Typeface.
Fénix Regular Serif Typeface (Free)
Fénix Serif only includes a Regular version of the Serif font. Created by Fernando Díaz.
Download here:Fénix Regular Typeface.
Knubi Regular Serif (Free)
Knubi only includes a Regular version of the Serif font. Created by Matt Vergotis.
Download here:Knubi Regular Serif.
Abraham Lincoln Serif (Free)
Abraham Lincoln Serif has been designed by Frances MacLeod.
Download here:Abraham Lincoln Serif.
Free Sans Serif Fonts
The difference between a Serif and Sans Serif font, is that Sans Serifs do not have those small decorative lines that characterize Serifs.
The Sans Serifs, with their modern, cleaner and simpler appearance, are typically more accessible on the web as they’re much easier to read on screens, regardless of their font or device size. Understandably, Sans Serifs are the most commonly used Google Fonts.
Bebas Neue Sans Serif (Free)
Bebas Neue Sans Serif includes Thin, Light, Book and Regular variants. Designed by Dharma Type Foundry.
Download here:Bebas Neue Sans Serif.
IBM Plex (Free)
IBM’s new typeface is available for download, along with some useful advice.
Download here:IBM Plex.
Faune (Free)
Download here:Faune.
Fira Sans Serif (Free)
Mozilla’s Fira Sans Serif includes Regular, Medium, Light, Bold, Bold Italic, Book, Book Italic, Extra Bold, Extra Bold Italic, Extra Light and Extra Light Italic variants. Created by Mozilla.
Download here:Fira Sans Serif.
The Metropolis Typeface (Free)
The Metropolis Typeface is an open source modern, geometric typeface.
Download here:The Metropolis Typeface.
Norwester Condensed Geometric Sans Serif (Free)
Norwester Sans Serif includes only a Regular version. Created by Jamie Wilson.
Download here:Norwester Sans Serif.
Homizio Nova Sans Serif (Free)
Homizio Nova Sans Serif includes Regular, Italic, Light and Light Italic variants. Designed by Álvaro Thomáz.
Download here:Homizio Nova.
Alegreya Sans HT Serif (Free)
Alegreya Sans Serif includes Regular, Italic, Bold and Italic variants. Designed by Huerta Tipografica.
Download here:Alegreya Sans HT.
Peace Sans (Free)
Peace Sans only includes a Regular version. Created by Sergey Ryadovoy and Ivan Gladkikh.
Download here:Peace Sans.
Sketchetik Fill Light Sans Serif (Free)
The free version of Sketchetik Sans Serif only includes a Light variant. Created by Ossi Gustafsson.
Download here:Sketchetik Fill Light.
Exo Geometric Sans Serif (Free)
Exo Sans Serif includes Regular, Italic, Bold, Bold Italic, Light, Light Italic, Black, Black Italic, Extra Bold, Extra Bold Italic, Extra Light, Extra Light Italic, Medium Medium Italic, Semi Bold, Semi Bold Italic, Thin and Thin Italic. Designed by Natanael Gama.
Download here: Exo Geometric.
Mohave Sans Serif (Free)
Mohave Sans Serif includes Regular, Italic, Bold, Bold Italic, Semi Bold and Semi Bold Italic. Designed by Gumpita Rahayu.
Download here: Mohave Sans Serif.
Neris Display Sans Serif (Free)
Neris Sans Serif includes Thin, Light, Semi Bold, Bold and Black variants. Designed by Eimantas Paškonis.
Download here:Neris Display.
Verb Condensed Regular Sans Serif (Free)
Verb Condensed Regular Sans Serif includes Regular and Italic variants. Designed by Yellow Design Studio.
Download here:Verb Condensed Regular.
Dense Sans Serif (Free)
Dense Sans Serif includes Regular and Bold variants. Created by Charles Daoud.
Download here:Dense Sans Serif.
Canter Sans Serif (Free)
Canter Sans Serif includes Bold 3D, Bold Shadow, Bold Stripes, Bold, Light and Outline variants. Created by Christopher J. Lee.
Download here:Canter Sans Serif.
Sabado Sans Serif (Free)
Inspired by modern swiss typefaces, Sabado Sans Serif includes both Regular and Italicc variants. Created by Frank Hemmekan.
Download here:Sabado Sans Serif.
Baron Geometrical Sans Serif (Free)
Baron Sans Serif includes Regular, Bold and Black variants. Designed by Frank Hemmekan.
Download here:Baron Sans Serif.
Rhyder Sans Serif (Free)
Rhyder Sans Serif only includes a Regular version. Designed by Adrian Candela.
Download here:Rhyder Sans Serif.
Langdon Sans Serif (Free)
Langdon Sans Serif only includes a Regular version. Designed by Steven Bonner.
Download here:Langdon Sans Serif.
Kelson Geometric Sans Serif (Free)
Kelson includes Regular, Light and Bold variants. Designed by Bruno Mello.
Download here:Kelson Sans Serif.
Myra Sans Serif (Free)
Designed in an art-deco style, Myra Sans Serif includes Regular, Light and Bold variants. Designed by Sergiy Tkachenko.
Download here:Myra Sans Serif.
Adam Pro Sans Serif (Free)
Aileron only includes a Regular version. Designed by Shrenik Ganatra.
Download here:Adam Pro Sans Serif.
Aileron Sans Serif (Free)
Aileron includes 16 weights. Designed by Sora Sagano.
Download here:Aileron Sans Serif.
Building Sans Serif (Free)
Building only includes a Regular version. Designed by Leonardo Gubbioni.
Download here:Building Sans Serif.
Pier Sans (Free)
Pier Sans includes Regular, Italic, Bold and Bold Italic versions. Designed by Mathieu Desjardins.
Download here:Pier Sans.
Big John / Slim Joe Sans Serif (Free)
Both fonts only includes a Regular version. Designed by Ion Lucin.
Download here:Big John & Slim Joe Sans Serif.
Moon Rounded Sans (Free)
Moon Rounded Sans includes Light and Bold versions. Designed by Jack Harvatt.
Download here:Moon Rounded Sans.
Linotte Rounded Sans Serif (Free)
Linotte Rounded Sans Serif includes LIght, Bold, Semi Bold, Heavy and Regular versions. Designed by Joël Carrouché.
Download here:Linotte Rounded Sans Serif.
Nexa Sans Serif (Free)
Nexa Sans Serif includes Light and Bold versions. Created by FontFabric.
Download here:Nexa Sans Serif.
Source Sans Pro (Free)
Source Sans Pro includes Regular, Italic, Bold, Semi Bold, Light, Black and Roman variants. Created by Adobe.
Download here:Source Sans Pro.
FV Almelo Rounded Sans Serif (Free)
FV Almelo Sans Serif only includes a regular version. Created by Floris Voorveld.
Download here:FV Almelo Sans Serif.
Maven Modern Sans Serif (Free)
Maven Sans Serif includes Light 100, Light 200 and Light 300 variants. Designed by Joe Prince.
Download here:Maven Modern.
Intro Sans Serif (Free)
The free version of Intro Sans Serif includes Regular and Inline variants. Designed by Miroslav Bekyarov.
Download here:Intro Sans Serif.
Ostrich Sans (Free)
Ostrich Sans includes Regular, Italic, Black, Bold, Heavy, Light and Medium variants. Designed by The League of Moveable Type.
Download here:Ostrich Sans.
Cabin Sans Serif (Free)
Inspired by Edward Johnston’s and Eric Gill’s typefaces, Cabin Sans Serif Regular, Medium, Semi Bold, Bold and Italic variants. Created by Pablo Impallari.
Download here:Cabin Sans Serif.
HK Grotesk Sans Serif (Free)
HK Grotesk Sans Serif includes Regular, Light, Bold and Medium variants. Designed by Hanken Design Co.
Download here:HK Grotesk Sans Serif.
Qanelas Soft Sans Serif (Free)
Qanelas Soft Sans Serif has been designed by Radomir Tinkov.
Download here:Qanelas Soft.
Moderne Sans (Free)
Moderne Sans includes a Regular and Light variants. Created by Marius Kempken.
Download here:Moderne Sans.
Blogger Sans (Free)
Blogger Sans includes Regular, Italic, Bold and Bold Italic. Created by Sergiy Tkachenko.
Download here:Blogger Sans.
Katahdin Round Sans Serif (Free)
Katahdin Round Sans Serif only includes a Regular version. Designed by Tyler Finck.
Download here:Katahdin Round.
Rubik Sans Serif (Free)
Rubik Sans Serif includes Regular, Light, Medium, Bold, Ultra Bold and Italic variants. Designed by Sebastian Fischer and Philipp Hubert.
Download here:Rubik Sans Serif.
Cast Iron Sans Serif (Free)
Cast Iron only includes a Regular version. Designed by Jeremy Vessey.
Download here:Cast Iron Sans Serif.
Charlevoix Geometric Sans Serif (Free)
Charlevoix Pro Sans Serif includes Regular, Thin, Light, Mediyum, Semi Bold, Bold, Extra Bold and Black variations. Designed by Mathieu Desjardins.
Download here:Charlevoix Sans Serif.
Relancer Art Deco Display Typeface (Free)
Relancer Display only includes a Regular version. Created by Ryan Molag.
Download here:Relancer Display Typeface.
Overpass Sans Serif Webfont (Free)
Inspired by Highway Gothic, Overpass Sans Serif is a Webfont that includes Light, Extra Light, Regular, Bold, Bold Italic and Italic variants. Created by Delve Fonts.
Download here:Overpass Sans Serif.
Coves Sans Serif (Free)
100 Percent Free Fonts Online
Coves Sans Serif includes Light and Bold variants. Designed by Jack Harvatt.
Download here:Coves Sans Serif.
Fibon Sans (Free)
100 Fonts Free Download
Fibon Sans only includes a Regular version. Designed by Valerio Dell’Edera.
Download here:Fibon Sans.
Raleway Sans Serif (Free)
Raleway Sans Serif only includes a Thin version. Designed by The League of Moveable Type.
Download here:Raleway Sans Serif.
Free Slab Serif Fonts
There are many different sub-categories to serifs, Slab just happens to be the most popular variant. Evolving from the Modern style and at times called square serifs or Egyptian, they’re defined by having a bolder serif and are primarily designed to be used as print headlines and are typically paired with a thinner and lighter font.
But there are many Slab Serifs that will work perfectly well – as you will see by the free font selection below – in a smaller font size and could be easily used as body text.
Corduroy Slab Regular (Free)
Only includes Regular. Created by Ryan Welch.
Download here:Corduroy Slab Regular.
Munky Font (Envato Elements)
Munky is a simple beast with a slight retro twist. Some of the serifs are straight while others are more curvacious.
100 Percent Free Fonts Downloads
Download here:Munky Font Download
LUNA (Envato Elements)
Luna is a slab serif typeface that’s suitable for any promotion and graphic design purpose. Also available in stylish version with a little bit of a “stencil” look to it.
Download here:LUNA Download
Bw Glenn Slab (Envato Elements)
Bw Glenn Slab is a confident and robust font family with a sturdy feel offering no concessions for ambiguity.
Download here:Bw Glenn Slab font Family Download
Promesh Athletic Font (Free)
Promesh is free slab font that has been designed with a distressed mesh appearnace, similiar to those used on school basketball jerseys from years gone by. Includes Regular and Stitch variants. Designed by by Paul Reis.
Download here:Promesh Athletic Font.
Lunchbox Slab Regular (Envato Elements)
LunchBox Slab is the pair of LunchBox, a uniquely hand-drawn typeface that gives numerous customizable options and a fully authentic look
Download here:Lunchbox Slab Regular Download
Carton Slab Serif (Free)
Carton is a slab-serif that has been inspired by letterpress printing. Designed by Nick McCosker.
Download here:Carton Slab Serif.
Zenzero Grotesk Typeface (Envato Elements)
A fresh, eccentric and stylish display font filled with a mixture of sans serif and slab. Designed by Valerio Dell’Edera
Download here:Zenzero Grotesk Typeface Download
Weston Rounded Slab Serif (Free)
Includes Regular & Light Uppercase variants. Designed by Pavel Pavlov.
Download here:Weston Rounded Slab Serif.
Chunk Ultra-Bold Slab Serif (Free)
Chunk is an ultra-bold slab serif typeface that has been inspired by old American Western-style newspaper headlines. Created by The League of Moveable Type.
Download here:Chunk Slab Serif.
Choplin Slab Serif (Free)
Choplin Slab Serif includes Extra Light & Medium versions. Designed by René Bieder.
Download here:Choplin Slab Serif.
Nexa Rust Slab Serif (Free)
Designed by Fontfabric.
Download here:Nexa Rust Slab Serif.
Klinic Slab Serif (Free)
Includes Bold, Bold Italic, Book, Light, Light Italic, Medium and Medium Italic. Created by Joe Prince.
Download here:Klinic Slab Serif.
Aleo Slab Serif (Free)
Aleo is a contemporary free font that has been created as the slab serif companion to the Lato font family. Includes Bold, Bold Italic, Regular, Regular Italic, Light and Light Italic. Created by Alessio Laiso.
Download here:Aleo Slab Serif.
Twentytwelve Slab (Free)
Includes Regular, Bold and Light variants. Designed by by Dom Catapano.
Download here:Twentytwelve Slab.
Airbag Uppercase Slab Serif (Free)
Airbag is a slab serif font with a modern appearance. Only includes Uppercase. Designed by Simon Stratford.
Download here:Airbag Slab Serif.
Lumberjack Free Font (Free)
Includes Regular, Rough, Inline and Shadow variants. Designed by Aleksei Kalinin.
Download here:Lumberjack Free Font.
Ansley Display (Free)
Ansley is Slab Serif typeface that has been inspired by retro design. Includes Bold, Inline, Light, Black, Outline and Regular variants. Created by Kady Jesko.
Download here:Ansley Display.
Korneuburg Slab (Free)
Korneuburg Slab includes Bold, Light and Regular variants. Created by Flö Rastbichler.
Download here:Korneuburg Slab.
Free Mono Fonts
Inspired by typewriter-style fonts, Monospaced fonts use a single set width for all letters, numbers and glyphs, making them highly legible, and thus perfect for writing code.
As well as the selection of free monospaced fonts below, we have also published a specialized collection of free monospaced programming and coding fonts you may also like to explore.
Monoid (Free)
Monoid is a customizable monospaced font that has been optimized for coding. Packaged with Regular, Bold, Oblique and Retina variants. Created by Andreas Larsen.
Download here:Monoid.
Ahamono (Free)
Ahamono is a free Regular monospaced typeface. Designed by Alfredo Marco Pradil.
Download here:Ahamono.
FiraCode (Free)
FiraCode is a beautiful monospaced font with programming ligatures. Packaged with Bold, Light, Medium, Regular and Retina variants. Designed by Nikita Prokopov.
Download here:FiraCode.
Office Code Pro (Free)
Office Code Pro is a customized version of Source Code pro, with customizations specifically made for code editors. Designed by Nathan Rutzky.
Download here:Office Code Pro.
Hack Mono (Free)
Hack is a font-family that has been designed for writing source code. Packaged with Bold, Italic and Regular variants. Created by Chris Simpkins.
Download here:Hack Mono.
Ubuntu Mono Font (Free)
This is the monospaced variant of the distinctive Ubuntu font-fmaily. Packaged with Bold, Bold Italic, Regular Italic and Regular variants. Created by Ubuntu.
Download here:Ubuntu Mono Font.
DejaVu Mono (Free)
Based on the original design of Bitstream Vera font family, DejaVu Mono is a collaborative effort to maintain and add new characters to the popular typeface. Packaged with Bold, Bold Oblique, Oblique and Regular variants.
Download here:DejaVu Mono.
Droid Sans Mono (Free)
Droid Sans Mono is the fixed width version of of Android’s Droid Sans font family. Created by Steve Matteson.
Download here:Droid Sans Mono.
BP Mono (Free)
BP Mono is monospaced font designed for coding. Packaged with Bold, Italic, Stencil, Round and Regular variants. Created by George Triantafyllakos.
100 Percent Free Fonts List
Download here:BP Mono.
100 Percent Free Fonts Download
Anonymous Pro (Free)
Anonymous Pro is a family of four fixed-width fonts designed for coding. Packaged with Bold, Bold Italic, Italic and Regular variants. Designed by Mark Simonson.
Download here:Anonymous Pro.
Fantasque Sans Mono Font (Free)
Designed for programming, Fantasque Sans Mono Font includes Regular, Italic, Bold and Bold Italic. Designed by Belluzj.
Download here:Fantasque Sans Mono.
All 100 of the above fonts have been confirmed as being free at the time of publishing, if that ever changes, please let us know in the comments below.
Also, most of the fonts can be used in both your personal and commercial works, others you can only use in personal projects, so please do check the chosen license of each font before you do use them.