Otherwise your body text will be almost unreadable. It shares a lot of the same design characteristics and goals of its boisterous cousin, but is a little easier on the eyes. Additionally, the designers wanted this font to be used in both print and on screens too. You can pair it with Archivo Black for an interesting combination of header fonts, or pick a simple free sans serif font like Barlow or Roboto.
Arial is one of the first digital fonts to really become popular after it was created in for IBM and put into an incredible number of early computers as part of Windows 3.
Since then you have probably seen this font in almost every word processor, spreadsheet tool or design program. Technically, Arial is not a free font like some of the others on this list, but you can use it for free in any of your designs with Venngage.
For example, you can start creating this modern pitch deck template and change the font from Heebo to Arial:. The designers of this font tried to create a less mechanical font and move away from the rigid digital typefaces of the past.
Each curve and stroke of this free font help make this goal a reality. I would recommend using Arial fonts on resumes , presentations and reports. Or basically anywhere you want to use a professional font with a little bit of flair. Arimo is one of those free fonts that was created to be used in place of Arial so that you can easily share documents across a bunch of different platforms.
So if you need to share PDFs or other documents across different types of computers, Arimo might be a good substitute for Arial. You can download this font and upload it to Venngage as part of your Brand Kit so later you can apply it to any of your designs:. As you can see, both fonts share a lot of the same characteristics and to the naked eye it might be difficult to tell them apart.
Like with Arial, I would recommend using the Arimo free font in professional settings as a body font. A slab serif font is typeface uses larger block-like serifs on each letter. They are obviously similar to regular serif fonts but the serifs are a lot more geometric. It feels like a font of the past that has been updated for modern screens and graphics as well.
I would recommend using Arvo as a strong header on modern posters , infographics or other digital graphics. You can use it as a body font, just try to not use it for anything longer than a few lines. If you thought Alex Brush had too many flourishes, Barcelony is a great free script font substitute.
Barcelony is a monoline script font that you can start using for free. Monoline typefaces are basically fonts where the stroke of each letter is the same thickness. This font stands out in my mind a lot because most handwriting or script fonts are not usually monoline.
In my opinion, these types of fonts allow you to inject some whimsy into a graphic without it feeling too unprofessional. The designer of this font says that it can be both elegant and casual at the same time, which I think supports my thought as well. This type of free font should be used as a fun header font, and for some smaller text in a poster, invitation , logo or other creative project. The designer used the font found on many California highway signs and other public signs as inspiration for this free font.
Barlow can be used to evoke a feeling of fun and freedom, mostly because of where it pulls its inspiration. That said, it is perfect for both header and body text on posters, infographics, and blog headers.
Cabin is one of my favorite free fonts to use as both a header and body font. It is a free sans serif font that takes inspiration from many classic humanist fonts but with a modern appeal. I really like how this font mixes very linear vertical strokes with rounded strokes to create interesting contrast in each letter. Cabin is a very clean font that I believe can be used in both professional and more casual settings.
Add it to your monthly presentation , creative infographic or annual report and you will be in a good spot with this interesting free font.
Cantrarell is a free sans serif font that was created as part of a masters program by Dave Crossland. It also can be used on physical documents and posters, but it works best on a website or digital design. I would recommend this amazing font to anyone looking for a modern but relatively thin font for their graphic.
Try using Cantarell as a header font and pair it with a simple sans serif font like Roboto or Oxygen. Cardo is a classic serif font designed by David Perry and immediately feels like it is from the past. But it also feels very at home on digital screens as you can see in the example above.
The free font was created so that scholars could use a classic font in a digital world. It has all of the necessary ligatures, old school numerals and more that helps set it apart from some other modern fonts. Canrdo makes a great header font, but because of the amazing spacing and typesetting it can also be used as a body font.
If I was going to use this serif typeface, I would probably make it the header font and pair it with a free sans serif font like Montserrat. The contrast between the two very different fonts will help your header stand out immediately. This free font is based on a typeface that is about years old. The original, Garamond, takes a lot of inspiration from classic Roman typefaces and you can see those influences in EB Garamond as well.
Like with Cardo, this classic free serif font can be used as a header or body font in your designs. After looking at a few very classic fonts, Exo definitely stands out. Unlike EB Garamond, this typeface looks like it was created on a different planet. It also looks like this free font could have actually been sent back from the future.
The overly rounded letters look at home on a computer screen and even look like code. In fact, if the Matrix was distilled down into a font, Exo might be it! Pair it with another great sans serif font like Roboto or Roboto Slab to make your graphics feel very modern.
Heebo is a free sans serif font created by Meir Sadan and their team with the goal of bringing Hebrew characters to the extremely famous Roboto font.
The only real difference between these two fonts is that there is more white space above and below each letter in Heebo. In other words, the line height of Roboto is a lot smaller than Heebo. Inknut Antiqua is one of the most unique fonts on this list and seems to be really loved by typography enthusiasts. It was created to be used as a typeface in books and long form literature. This amazing free font reminds me of the many calligraphy fonts that I tried to learn back in the day. If you decide to use this classic serif font on a graphic, try to only use it as a header font.
The thick strokes and embellishments of each letter makes it a bit difficult to read for longer than a few sentences. Pair it with a no nonsense font like Montserrat or Rubik to bring attention to the amazing stroke of each letter. Karla is an extremely quirky font when you take the time to look at each letter. I would recommend using this unique font on any graphic that you want to add a little bit of spunk or eccentricity to.
Although at first glance it looks like you could use it on professional graphics, the nonuniform spacing of each letter might make it feel a little out of place on a report or document. According to the creator of Lato, it was originally designed for a large client who decided to go in a different direction.
So they decided to release it to the public for free. I love the combination of the geometric capital letters and more rounded lowercase letters. In my experience Lato is mainly used as a body font, mainly in ebooks , infographics and other digital graphics.
This popular sans serif font can be paired with some bold header fonts like Playfair Display, Libre Baskerville or Vollkorn. Or it can be used with some other similar free fonts like Roboto or Open Sans. Inspired by a font called Baskerville that was created in the s, Libre Baskerville is a classic serif font that has been optimized for the present.
The original creator of Baskerville set out to create a serif font that had increased variety between the width of thick and thin strokes in each letter. This can also be seen in the modern interpretation of Baskerville, with this free serif font using many different stroke sizes for each letter.
Because the inspiration for this font is older than America, Libre Baskerville will invoke a classic feeling in any graphic. Add Lobster to your graphic if you really want to turn some heads. The bouncy strokes of this handwriting font is pretty hard to ignore, no matter where you use it. Like with some other handwriting fonts, each letter is going to look different depending on what letters are used around it.
So one letter might look completely different in one word, compared to the others in the same sentence. This approach makes each word feel unique on your graphic and can be used to inject a ton of creativity to a simple header.
I would only use Lobster as a header font because it becomes hard to read after a few words. Pair it with something a little less obnoxious like Open Sans or Raleway for the perfect amount of contrast.
Lora is a free serif font that was created by the team at Cyreal about 5 years ago. It has been updated pretty frequently since that first release as well.
As you can see in the example above, each letter features a very interesting serif. Combined with the variable width of the vertical and horizontal strokes, Lora feels like a modern font that tips its hat to the past.
Compared to something like Libre Baskerville, this free font feels a lot more free spirited. Add it to your graphic to add a little bit of classic whimsy. Like with other stylized serif fonts, I would recommend using Lora as header font and pair it with sans serif body font. One of the most unique features of Merriweather is that instead of using a vertical stress, each letter has a diagonal stress.
Basically, each letter tilts a little to the left, and the thinnest part of the stroke is a little off center. Additionally, the vertical strokes are exactly the same width from top to bottom. Other fonts like EB Garamond vary the stroke width towards the middle and serifs of each letter.
I think that both of these features help Merriweather stand out from the rest of the popular free serif fonts. The unique approach that the designers took make Merriweather feel like a serif font built for the future, instead of the past.
Pair it with the free sans serif font Merriweather Sans for a perfect font combination! After many years of using Montserrat, I literally just learned that the creation of the font was funded by a Kickstarter campaign! How many other fonts have such an interesting origin story? The font is also named after the historic Montserrat neighborhood where the creator of the font, Julieta Ulanovsky, lived at the time.
To create this font, she took a lot of inspiration from the scenes around her in that particular neighborhood. The amazing typography from the early 20th century that she saw on street signs, cafes and more helped set the tone for Montserrat. If you have made it this far in the article, you can probably spot that this is a free sans serif font. It can easily be paired with Oswald, Roboto or another sans serif font on websites, social media graphics , infographics and more.
Created in and updated in , Mulish is an amazingly simple sans serif font that feels very futuristic at the same time. The extended vertical strokes of this free font give each letter a lot of room to breathe without making the font feel too brash.
I think this is what makes the font feel like it should be on some computer screen in the year Because of the geometric influences of each letter, you can use Mulish to make your graphic feel very modern or cutting edge.
I would recommend using this free sans serif font as a body font with a slightly bolder header font like Oswald or Poppins. This kinda makes sense, until you see that Neuton is actually a classic sans serif font with Dutch influences.
Not something that looks like it belongs on a NASA mission briefing document. The designer of this free font said that it reminds them a little bit of Times New Roman, which I can see.
However, Neuton seems to have a little more style and pizzazz added to each letter. You can see that immediately when looking at the different serifs of each letter. Some feel very geometric while others flow like a handwritten letter. Neuton can be used as a body or header font in your designs, and scales down to smaller font sizes very well.
Some might say it should have been higher, given its versatility and clarity. A lot of big brands have used it in their marketing or branding including Chase Bank, Mozilla and Virgin. Open Sans also scales down exceptionally well so can be used on social media or mobile devices effectively. It is one of my favorite free sans serif fonts to use because it basically works with every other font that you could use.
Oswald is a sans serif font that was created by Vernon Adams in and updated in to include more font weights. If you just compare it to the last entry on this list, you can immediately see that Oswald is a different type of free sans serif font. The long vertical strokes combined with the narrow letters make the font really stand out on a page or computer screen.
In my opinion, this sans serif font walks the line of being bold without smacking you in the face. I like using Oswald when I want to make a header a bit more striking, without making it extremely wide or overwhelming. For the past 5 years or so, Oxygen has been used all over the Venngage site. We recently updated our brand fonts but this free sans serif font will live in my heart for a long while. Oxygen is another font created by Vernon Adams, who also created Oswald and many other fonts, back in This sans serif font is a bit similar to Oswald but each letter has a lot more room to breathe and each letter is pretty wide in comparison.
I would recommend using Oxygen as either a body or header font in your graphics and documents. Pacifico is a script font that was directly inspired by the surf culture of the s. I like Pacifico because it feels like it came from a different, more relaxed time. Also it really should only be used as a header font, the thick strokes make it pretty difficult to read as a body font. Pair it with a sans serif font like Roboto or Montserrat for a good deal of contrast in your design.
Apparently, as printing technology improved in the 18th century, it became a lot easier to print both thick and thin strokes on the same letter. That allowed designers to create new variations of serif fonts, which was not really possible with pens or quills of the past. As you can see above, some of the strokes are much thinner than others even on the same letter. When you compare the letters to a similar font like Libre Baskerville, the difference in font weight and strokes is immediately apparent.
I would recommend using this free serif font as a header font because those thin strokes will not really scale down to a body font. Created by the talented team at the Indian Type Foundry in , Poppins is a spectacular free sans serif font. You can immediately see the geometric influences in each stroke and letter of this typeface. Honestly, I really like those small embellishments that each letter has.
And yes, maketext. While there are already numerous similar websites around, we handcrafted maketext. Just like there are some CSS attributes that are not well-supported by all modern browsers, there might be difference between implementations of browsers to the SVG filter we use, specially of the old browsers like Internet Explorer.
Generally speaking modern browsers like latest versions Chrome, Firefox and Safari should be able to render them correctly, but you should check if you need to support browsers like IE9. This is especially true when using complicated SVG filters, and almost all filters here are complicated. Consider using CSS property " will-change " to prevent redundant re-rendering when you use those downloaded SVG files, just like we've done in our stylish text gallery. If you use those SVG files with dynamic sizing, remember to check it's visual appearence in different resolution before shipping your works.
To make custom web font works in SVG files, we actually convert every letter from text into SVG path instead of embedding the whole font file inside it.
This can make the file smaller if the text is short , but then it won't be able to change the text after generation of the SVG file, and the SVG file can't be indexed by search engine through its content. You can still use the alt attribute in img tag for SEO though.
While cool text in images are great, sometimes we need to use them in text posts or even messengers. Check out our Fancy Text Generator , which is dedicated for this purpose: generate stylish text that are copyable! While making stylish text with maketext. Additionally, these filters can actually be used in any shapes, not only for text.
For an inspiring example of SVG beyong merely shapes, this talk and slide about " SVGs beyond mere shapes " is the thing you will never want to miss. The fact that these cool text effects are built with SVG filters makes it possible to couple with other css or javascript libraries.
For example, you can use loading.
0コメント