18 Fonts Similar to Calibri

Looking for fonts similar to Calibri or a solid Calibri font substitute? How do we find the closest font to Calibri? In this article, we’ll check out some fonts like Calibri, as well as a bit of the font’s history and what makes it such a popular choice. Check out these fonts and find your new favorite Calibri alternative today.

fonts like Calibri
A number of fonts, like this stylish sans serif typeface, have modern qualities similar to Calibri.

In terms of typographic history, Calibri is a relatively young font. Most users became first acquainted with Calibri in the late 2000s. At this time, Calibri replaced long-standing font defaults Times New Roman and Arial in many widely used Microsoft applications.

Chances are, you might have the Calibri font installed on your computer. This is also why you might see the issue of “Arial vs. Calibri” online; Calibri was its replacement. However, in regards to the better choice of Arial vs. Calibri, the jury may still be out (and highly subjective) on that.

Calibri font
The Calibri font, shown above, originated in the 2000s, coming into predominance when it was used in Microsoft products.

Calibri’s influence is visible in many other typefaces. It has a soft, rounded edge that gives it a versatile neutrality. It looks great at a variety of sizes too; try this font for your body copy, but it works great in points of interest too.

So, what font is similar to Calibri? The closest font to Calibri would have clearly modern influences. Here’s a great example of some features that Calibri may further have popularized. Notice how it makes for a really classy aesthetic in this package design.

Fonts like Calibri
This package design features Orion Pro, a modern sans serif font with many traits similar to Calibri.

Prefer a font duo? When working with sans serif fonts similar to Calibri, consider pairing them with a bold display font or something with eye-catching flair. 

Sans Serif Font Duo
This stylish font duo pairs a modern sans serif font with a script font.

Fonts Similar to Calibri

Let’s take a look at some more fonts similar to Calibri. Remember to consider what aspects of Calibri most resonate with you. There are many different aesthetics when it comes to sans serif fonts. When considering what font is similar to Calibri, keep an eye out for a clean, modern aesthetic, but not necessarily overly geometric.

If you love fonts, give consider giving Envato Elements a look. You can download every font on this list for one low fee—as well as thousands of other fonts, too. Choose from a huge library of fonts, licensed for commercial use. 

Here’s a sample of some of the stylish fonts you can download today, including many modern fonts that could work as a Calibri alternative: 

1. Stickler: Modern Typeface + WebFont

Stickler - Modern Typeface + WebFont

This is a nice choice if you’re looking for a web font similar to Calibri. It lacks some of the softer roundness, but maintains a clean, modern aesthetic. 

2. Carino: A Modern Elegant Typeface

Carino - A Modern Elegant Typeface

Here’s another elegant sans serif with some modern touches. It has some really lovely rounded edges. It’s a bold all-caps font, perfect for display type.

3. Clarity Nuvo: Clean & Modern Sans-Serif Typeface

Clarity Nuvo - Clean & Modern Sans-Serif Typeface

This font is a stylish Calibri alternative, with multiple weights to choose from. This is an excellent choice if you’re looking for a versatile addition to your font library.

4. Grafic Simple and Clean Sans Serif Typeface

Isn’t this font clean and stylish? It’s got a timeless feel that could work well for a number of design projects and target aesthetics. Try pairing this one with a display font or let it hold its own.

5. Rockyeah Sans Serif Font

Rockyeah Sans Serif Font

Here’s another stylish sans serif that’s perfect for display. It’s an all-caps font, and it has some interesting and unexpected variation in some of the strokes. Give it a look.

6. Asure All Caps Sans Serif Typeface

Asure All Caps Sans Serif Typeface

The rounded edges in this one give it a bit of softness, but we still have a bold, eye-catching look overall. Give this font a try for headlines, logos, and more.

7. Autogate Sans Serif Font

Autogate Sans Serif Font

Isn’t this font stylish? Try it out in your next design project. It would be a great fit for poster design, packaging, headlines, branding, and more. 

8. Gabriella: Modern Typeface + WebFonts

Gabriella - Modern Typeface + WebFonts

This font is similar to Calibri in some ways, but also pushes in a different direction. It could be a great alternative, if you’re looking for a web font similar to Calibri.

9. Liber Sans Serif Typeface

Liber Sans Serif Typeface

This font has a rounder look and feel. If you’re looking for type with a Calibri font aesthetic, but a mix of other possibilities too, check this one out. 

10. Hando Clean Sans Serif Typeface

Hando Clean Sans Serif Typeface

This one could prove to be a lovely Calibri font substitute. It has a lot of grotesque inspiration, and it’s a strong fit for a number of design projects. Try it as body copy or use it for headlines.

11. Abside Sans Serif Font

Abside Sans Serif Font

This font pushes away from the grotesque and more towards the geometric. However, we still have some rounded, modern vibes here. There are four styles included, and it’s a versatile addition to any font collection.

12. GROTESKA: Minimal & Modern Sans-Serif Typeface

GROTESKA - Minimal & Modern Sans-Serif Typeface

Isn’t this font family beautifully designed? This font download includes seven different weights, so there’s plenty here to work with. Give this font family a download today.

13. EB Corp Clean Sans Serif Font

EB Corp Clean Sans Serif Font

This is such an impressive font family. There are an amazing 18 different weights and styles to choose from, so the possibilities here are almost endless. Use this font for so many different purposes.

14. Boilover Unique & Minimal Typeface

Boilover Unique & Minimal Typeface

This stylish font family also includes web fonts for your website. There are also eight different weights to choose from, so you have plenty of ways to establish hierarchy with this typeface.

15. Ardent Modern Sans Serif Font Family

Ardent Modern Sans Serif Font Family

Here’s a modern sans serif typeface with a bit more height. This font family has six different weights and also includes corresponding italics. 

16. Bergen Text Sleek Sans Serif Font

Bergen Text Sleek Sans Serif Font

If you’re looking for a stylish sans serif font, check this one out. There are six different weights to try. This one could also pair well with a script font or a display font. 

17. Lynsic Cisnyl: Sans Serif Font YR

Lynsic Cisnyl - Sans Serif Font YR

Isn’t this font beautifully designed? It has a modern, stylish look. Use it on its own or pair it with other fonts. It has that kind of versatile neutrality to it. 

18. Ignazio Clean Sans Serif Font

Ignazio Clean Sans Serif Font

This font family is really bold, and it’s a great fit when you’re looking to command attention. Create emphasis in your next composition with this stylish sans serif font today.

Want to Learn More About Fonts and Typography?

If you’re looking to learn more about typography, there are so many free tutorials and articles to check out on Envato Tuts+. Whether you’re a beginner or a seasoned designer, check out these typography tutorials to help you push your type knowledge further.

Looking for Even More Font Inspiration?

Love checking out new fonts? Then check out these other roundups on Envato Tuts+. There are plenty of other fonts to see, including fabulous free finds, inspired collections, and more. Whether you’re looking for a Calibri alternative, fonts like Calibri, or something completely different, there’s plenty of font inspiration to see.

Which Fonts Like Calibri Are Your Favorites?

So, which sans serif fonts were your favorites? What aspects of Calibri do you find the most visually appealing? Instead of fixating too hard on finding the closest font to Calibri, think about the font’s aesthetic qualities and why it appeals to you. There are so many beautifully designed sans serif fonts out there to check out, many of which make use of a similar aesthetic. 

Curious about other fonts, their history, and what makes their aesthetic tick? Check out these other free articles from Envato Tuts+. 

{excerpt}
Read More

How to Create a Double Light Effect in Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create a double light effect in Photoshop. I’ll explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

What You Will Learn in This Double Light Effect Tutorial

  • How to select the subject in Photoshop
  • How to create a light effect in Photoshop
  • How to create a double light effect
  • How to create the glow
  • How to make the final adjustments

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the effect shown below with an action, then check out the Double Light Photoshop Action.

double light photoshop action

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Get Started

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
checking image mode and size

2. How to Select the Subject in Photoshop

Step 1

In this section, we are going to make a selection of our subject and then copy the subject to a separate layer. Choose the Quick Selection Tool (W) and select the background of the photo. Use the Shift-Alt buttons on your keyboard to add or subtract areas from the selection. After you’ve made a perfect selection, press Control-Shift-I on your keyboard to invert the selection.

making selection

Step 2

Now go to Select > Modify > Smooth and set the Sample Radius to 5 px. Next, go to Select > Modify > Contract and set Contract By to 1 px. Finally, go to Select > Modify > Feather and set the Feather Radius to 1 px.

modifying selection

Step 3

Press Control-J on your keyboard to create a new layer using the selection. Name this new layer Subject.

creating new layer using selection

3. How to Create a Double Light Photoshop Effect

Step 1

In this section, we are going to create a double light effect. Go to Layer > New Adjustment Layer > Black & White to create a new black & white adjustment layer, and name it Subject_Saturation.

creating new black and white adjustment layer

Step 2

Now press Control-Alt-G on your keyboard to create a clipping mask. Then, change the Blending Mode of this layer to Color and set the Opacity to 50%.

changing blending mode and opacity

Step 3

Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Left Light, and choose the color #ff0000 as shown below:

creating new solid color fill layer

Step 4

Now change the Blending Mode of this layer to Overlay, set the Opacity to 75% and press Control-Alt-G to create a clipping mask. Then, select the layer mask of this layer and press Control-I to invert its color. After that, set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush over the photo where you want to reveal the left light.

brushing into layer mask

Step 5

Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Right Light, and choose the color #0080ff as shown below. Then, drag it just below the Left Light layer in the Layers panel.

creating new solid color fill layer

Step 6

Now change the Blending Mode of this layer to Overlay, set the Opacity to 75%. Then, select the layer mask of this layer and press Control-I on your keyboard to invert its color. After that, set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush over the photo where you want to reveal the right light.

brushing into layer mask

Step 7

Right-click on the Left Light layer, choose Blending Options and make the adjustments below. Then, repeat this for the Right Light layer.

adjusting blending options

4. How to Create the Glow

Step 1

In this section, we are going to create the double light glow. Alt-click on the Subject layer and hold and drag the layer to create a new duplicated layer at the top of the layers in the Layers panel. Then, while this new layer is selected, go to Filter > Filter Gallery > Stylize > Glowing Edges, and set the Edge Width to 2, Edge Brightness to 20, and Smoothness to 15.

adding glowing edges filter

Step 2

Now press Control-Shift-U to desaturate this layer. Then, go to Filter > Blur > Gaussian Blur and set the Radius to 10 px.

adding gaussian blur filter

Step 3

Right-click on this layer, choose Blending Options and make the adjustments below.

adjusting blending options

Step 4

Now change the Blending Mode of this layer to Linear Dodge (Add) and name it Subject Glow. Then, select the Left Light layer and Control-click on the Right Light layer to select both layers at the same time. After that, Alt-click on any of these two layers and hold and drag the layers to create new duplicated layers just above the Subject Glow layer in the Layers panel.

duplicating layers

Step 5

While these two layers are selected, press Control-Shift-G to create clipping masks. Then, change their Blending Mode to Color and set the Opacity to 25%. After that, rename the Left Light copy layer to Left Glow and the Right Light copy layer to Right Glow.

changing blending mode and opacity

5. How to Make the Final Adjustments

Step 1

In this section, we are going to make the final adjustments to the effect. Select the Background layer, go to Layer > New Fill Layer > Gradient Fill to create a new gradient fill layer, name it Background Tint, and use the settings below:

creating new gradient fill layer
The left color stop has the color #ff0000 and the right color stop has the color #0080ff.

Step 2

Now change the Blending Mode of this layer to Color and set the Opacity to 20%.

changing blending mode and opacity

Step 3

Select the Left Glow layer, go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

creating new levels adjustment layer

Step 4

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

adjusting levels

Step 5

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

creating new vibrance and saturation adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +20 and Saturation to +10.

adjusting vibrance and saturation

You Made It!

Congratulations, you have succeeded! You’ve learned how to create a double light effect in Photoshop. Here is our final result:

final result

5 Best Double Light Effect Photoshop Actions

Want to see some of the best dual lighting Photoshop actions? Check out this list of double light Photoshop actions from Envato Elements. Enjoy incredible actions!

Double Light Photoshop Action (ATN, PAT)

double light photoshop action

Save your time in creating a double light effect with this action. With the help file included, you’ll apply the action in seconds and create results that you can use for banners, posters, magazine covers, event designs, and even T-shirt prints!

Double Light Photoshop Action (ATN, ABR, PAT)

double light photoshop action

Here’s another double light Photoshop action to add amazing and realistic double light effects to your photos. The action works perfectly with portraits and includes ten color effects. Save hours of work with this action!

CyberPunk Photoshop Action (ATN)

cyberpunk photoshop action

Create amazing cyberpunk photo effects from your photos with just a few clicks! Simply open your photo and play the action. It’s really that simple! Using the CyberPunk Photoshop action, finally you can create a neon cyberpunk Photoshop effect using just a single click and in seconds with the first ever cyberpunk photo effect action.

Dual Light Photoshop Action (ATN, ABR, PAT)

dual light photoshop action

This action creates a double light effect with added smoke and bokeh effects. The final effect is fully layered and provides a lot of customization options. The action also creates 20 color presets to apply with a single click!

Dual Lighting Effect (ATN)

dual lighting effect

With this action, you can give your photos a vibrant and impressive look. There are three Photoshop actions included that will create a double light effect. There are also 16 high-resolution bokeh light overlays included!

Did you like this double light Photoshop effect tutorial? Then you may also like:

{excerpt}
Read More