Stroke Text

You can make your own custom outline font. The outlined fonts are hollow looking fonts that are not filled with color.

The graphic designers all around the world, use outline fonts to add titles and headlines that attract attention. In this post, I will show you how to create your own outline font in just a few seconds with our free outlined text generator!

Do you now that the outline fonts are considered eco fonts? It’s because they are more friendly with the environment? So, if you are looking for an ink-saving font, try using an outline font instead of a regular font.

Stroke Text

Do you want to make an outline text ? Use the MockoFun text editor and create a stroke text online quick and easy!

You can add a stroke to any font type you like to create a text with border. Turn a regular font into an outline font instantly.

Using a stroked text is a great choice for making posters, cards and even logos. A stroke text looks great for digital  graphic designs and for print designs.

These outline fonts are usually used by graphic designers for adding titles and headlines to create a strong graphic statement.

Stroke Text

With MockoFun you can make sharp edge stroke with pointy corners. Add outside stroke corners sharp not round for text and shapes.

Making an outline stroke with sharp corners is great for creating logos. Learn how to put an outside stroke with square corners on a text using any font. So, you don’t have to search for an outlined font.

Stroke Sharp Corners

Text with Border

So, how to create stroke text or text with border online ? First, open the MockoFun text editor and create a new document. You can choose one of the document presets or you can choose a custom size.

On the left menu, click on the Text tab to open the text editor. From the Simple Text category, choose the Single Line text as shown in the preview image.

Add Text

Double click on the text to edit it. You can change the size of the text and you can also change the font type.

To add stroke to your text, use the Stroke option from the top menu.

First, turn on Paint Stroke Behind. Then set the Stroke width and the Stroke color.

Add Stroke to Text

The Stroke option of the MockoFun text editor, has a lot of cool features. Here are some of the things that you can customize:

  • Stroke Width
  • Stroke Color
  • Stroke Round Corners & Sharp Corners
  • Double Outline / Text with Multiple Strokes

Change Stroke Width

So, you can change the Stroke width from 1 to 100.

You can make a hollow text with a simple outline border. Go to the Color option from the top menu and set the color to transparent. You have to adjust the Stroke width (for this example the Stroke Width is 2).

Outline Font Generator

Another cool feature that you can use is the Stroke settings option. You can add numbers separated by comma (,). For example if you input 1 you get a dashed outline.

Dashed Outline
Dashed Text

Change Stroke Color

The color of the stroke is really easy to change. Simply

Outline Color

Stroke with Round Corners / Sharp Corners

When you add a Stroke in Photoshop for example you get an outline with rounded corners. With MockoFun you have the option to add a text with sharp corners.

So, making an outline (stroke) with sharp corners is really easy. You have three options to choose from:

  • Sharp Corners
  • Squared Corners
  • Rounded Corners
Stroke with Sharp Corners

As you can see in the preview, you can also add stroke border to shapes. MockoFun has all kinds of vector shapes (square, circle, triangle, star & other complex shapes and silhouettes) .

Double Outline / Text with Multiple Strokes​

With MockoFun you can make a simple outline font, but you can also create a double outline font.

Click on the Add Extra Stroke option to add a double outline to your text. For this new outline, you can set the size and the color.

Double Outline Font

Select any font you like to make your own font with outline. You can create simple outline font or a font with double outline.

However, the double outline font has a white outline between the two lines. If you print the text on a white paper you will not notice that. Use the Multiply blend mode if you have a background color other than white.

Double Outline Font

So with MockoFun you can apply multiple strokes to text. Simply use the Add Extra Stroke button to add more outlines. You can make the text color transparent and add online an outline effect.

You can also create a dashed text using the Stroke settings option. This feature will add a dashed line around any text or shape.

Outline Text

With MockoFun you can create a curved text with stroke. The only difference is that the outline is applied to the individual letters. With the MockoFun curved text generator you can create labels, badges and logos.

Outline Text

MockoFun is a free online outline font generator. You can even create font with outline shadow. Use the Shadow option for that. Create a basic outline font that looks awesome.

Outline Font Generator

Make stroke letters or outline letters using your favorite font. It’s a great choice for making awesome typography designs. Not to mention that you instantly have an ink saving font. 

Sintony 700 is a font that looks great with an outline border. And, if you use a thin font like Muli 200 and add simple text shadow, you get a double font like this.

Double Font

In MockoFun you have some of the best outline fonts like Londrina, Ribeye Marrow, Knewave, Bungee. If you are looking for a multi stroke font try Monoton font.

Outline Shapes

Do you need an outline shape?

With MockoFun it’s easy to add a border around any shape. Create cute outline shapes for your projects. Go to our gallery (Elements > Shape) and choose any shape from the list. Then, add an outline using the Stroke option.

Outline Shapes

If you set the Stroke Width to 5 and the Stroke Settings to 3, you get a dashed line around the shapes.

If you use Photoshop, check out this free Stroke Photoshop action from PhotoshopSupply. You can also create outline shapes in just a few seconds. And, if you want to learn how to outline text in Photoshop check out this tutorial for beginners.

In Conclusion

Adding outlines to text (and shapes) is cool and fun to use! The stroked text is still editable, so, you can change the font, edit the color, modify the size, etc.

The outline text font is fully customizable and you can do all these online and for free with MockoFun text editor!



75% of marketers use visual assets

Unleash your creativity and make awesome designs. You don’t need to be a graphic designer to create something amazing!

Related​ Tutorials

Learn MockoFun from these quick tutorials for beginners. It’s quite easy!

Alphabet Letters

Online Text Effects

Create online text effects using MockoFun text editor. We have lots of letters images to choose from.

Text with Background Color

How To Highlight Text Online

Do you want to highlight text online? Use MockoFun it's free and easy to use!
Create an awesome highlighted text in one minute.

Curved Text Generator

How To Create a Curved Text

Create curved text and circle text using MockoFun text editor. This curved text effects is available online.

Scroll to top