How to add text outline in unity

Question

How can i add text outline in unity over a text UI object?

I want to do it in the designer/editor view. i cant see to find any useful topic and i also cant see how to add it from the designer view.

My project is 2d and i'm using the latest unity version 5.3. I want to achieve similar effect.

This is an excellent question. Whoever voted to close it is very silly. — Fattie, Jun 30 '16 at 14:36
This is too broad. Please start by reading [ask] and some Unity tutorials. — Camilo Terevinto, Jun 30 '16 at 14:36
@JoeBlow I'll remove the downvote as soon as I see some research effort or things tried. — Camilo Terevinto, Jun 30 '16 at 14:38
Well I'm trying to add it from the designer view what else can i research ? I can only tell you what i see in there and there is no option to add text outline.. — PetqImaQkaputka, Jun 30 '16 at 14:39

score 12 · Answer 1 · answered Jun 30 '16 at 14:46

12

Or. Alternatively to Joe's answer. To simply add a outline effect to a normal .ttf font :

Click on the text object from the Hierarchy
Click the Add Component button in the inspector
Type "outline" in the search bar.
Add the outline component.

answered Jun 30 '16 at 14:46

Uri Popov

2,127
2
25
43

1

This seems to only allow for pixel thin outlines? – ina Jan 24 '18 at 10:07

Fattie · Accepted Answer · 2016-06-30T14:52:27.897

Note! This explains how to make custom type ("sprite sheet type") in Unity.

Before reading it, check Uri's & Programmer's answer which explains using the handy new "outline" feature in .UI ! It may well be enough!

Unity does not have any fancy type handling at all.

You can drop in "normal" .ttf fonts,

or, you can drop in "image fonts", called custom fonts by Unity, where you literally make each letter on a sprite sheet.

A font sprite sheet looks something like this:

Here's exactly how to do it ...

(1) you have to use GlyphDesigner (or any similar product) to actually make your custom font sheet. Find the product you like for your Mac or PC to do this.

(2) There is a critical trick.

Unity completely forgot to include a type matcher for custom fonts. (They may fix this in Unity 6.) It's one of the stupidest things in Unity. So, fortunately there is a free and perfect script

BitmapFontImporter.cs

https://github.com/BenoitFreslon/BitmapFontImporter

There's a full and long tutorial link at that page.

You have to include that to make custom fonts work. It's just one of those weird things about Unity.

So in short, firstly you have to literally "draw" such custom fonts, letter by letter. In fact you need to use something like GlyphDesigner to do that.

Secondly in Unity you have to use the extremely handy script mentioned above or it won't work. Enjoy!

http://answers.unity3d.com/answers/1105527/view.html

I think it is a great answer. I added the outilne solution in your answer to cover another possible way with Unity's built in effect. — Programmer, Jun 30 '16 at 14:50

score 0 · Answer 3 · answered Nov 29 '18 at 09:19

0

TextMesh Pro from the Asset Store does the job and it can be imported for free.

This gives plenty of possibilities fort texts, including how thick the outline should be.

answered Nov 29 '18 at 09:19

J0ANMM

7,849
10
56
90

How to add text outline in unity

3 Answers3