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.

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.

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

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

You can apply multiple strokes to text. Simply use the Add Extra Stroke button to add more outlines.

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

If you use Photoshop, check out this free Stroke Photoshop action from PhotoshopSupply. 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!

summer-tienhoang1199-4340820

YOU KNOW IS FUN. IT’S MOCKOFUN.

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