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.
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.
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.
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.
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.
The Stroke option of the MockoFun text editor, has a lot of cool features. Here are some of the things that you can customize:
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).
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.
Change Stroke Color
The color of the stroke is really easy to change. Simply
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:
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.
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.
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.
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.
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.
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.
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.
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.
If you set the Stroke Width to 5 and the Stroke Settings to 3, you get a dashed line around the shapes.
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!
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!
Learn MockoFun from these quick tutorials for beginners. It’s quite easy!