Username or E-mail
Password (Forgot?)
New? Sign Up
Join or Sign In
Forums Stencylpedia Stencyl TV Translations Go Pro - Plans & Pricing Download Stencyl


Switch to Book Layout

1: Getting Started

  • Getting Started
  • Crash Course
  • Crash Course 2
  • StencylForge

2: Building Logic

  • What is a Behavior?
  • Creating a Behavior
  • Attributes
  • Game Attributes
  • Attribute Types
  • Events
  • Our Behaviors

3: Actors

  • What are Actors?
  • Animations
  • Motion & Forces
  • Physics
  • Controls
  • Collisions & Groups
  • Killing vs. Recycling
  • Tweening
  • Effects
  • Chapter 3 Challenge

4: Scenes

  • Scene Basics
  • The Camera
  • Tilesets
  • Regions
  • Drawing Text & HUDs
  • Changing Scenes
  • Music, Sounds & Channels
  • Backgrounds
  • Customizing Actors
  • Chapter 4 Challenge

5: Game Mechanics

  • Saving
  • Pausing
  • 3rd Party Services
  • Web Requests

6: Advanced Topics

  • Get/Set Attributes
  • Custom Events
  • Blending Modes
  • Lists
  • Custom Blocks
  • Continuous Collisions

7: Testing & Tuning

  • Testing Games
  • Optimizing Performance 1
  • Optimizing Performance 2

8: The Last 10%

  • Flash Publishing
  • Standalone Apps
  • iOS App Store
  • Chrome Store
  • Making Money

M1: Mobile - Intro

  • Getting Started
  • Testing on your Device
  • Flash -> iOS Guide

M2: Mobile - Basics

  • Atlases
  • Drawing Text
  • Retina Display
  • Accelerometer
  • Joystick
  • Universal Games

M3: Mobile - Services

  • iAds
  • Game Center
  • In-App Purchases

M4: Mobile - Publishing

  • Debugging
  • Publishing to the App Store
  • Optimizing Performance
  • Promoting your Game

A: Troubleshooting

  • Showstoppers
  • General FAQ
  • iOS FAQ
  • The 90% Memory Warning
  • Recovering Broken Games
  • Can't Export to SWF
  • Reloading Documents
  • Generating Logs
  • Flash Security Settings
  • How to Report Bugs

B: How-To Guides

  • Importing Assets
  • Scene Designer
  • Code Mode
  • Font Editor
  • Pencyl (Image Editor)
  • Tile Editor (Shapes)
  • Game Cleaner

C: Reference

  • Glossary
  • Block Reference
  • Useful Shortcuts
  • Stencyl API

D: Resources

  • Stencyl TV
  • Abigayl's Guides
  • Giving Critiques
  • Creating Extensions
  • Translating Stencyl
  • Credits

3.0 Drafts (In Progress)

  • What's New in Stencyl 3.0?
  • Setup (Android)
  • Setup (Desktop)
  • Setup (iOS) - Concepts
  • Setup (iOS) - Mac
  • Setup (iOS) - Windows
  • Testing iOS on Windows
  • iOS Troubleshooter

  • Mobile App Scaling
  • Full Screen Mode
  • Simple Physics
  • Backgrounding an App

  • iOS App Store
  • Mac App Store
  • Windows Store
  • Google Play
  • HTML5

  • Android Ads
  • Android Purchases (WIP)
  • 4" Form Factor (iPhone 5)
  • Mobile Input
  • Mobile Features

  • Extending the Engine
  • iOS / Android Extensions
  • Developing the Official Extensions
  • Developing the Engine

  • iAds (Revised)
  • Game Center (Revised)
  • iOS Purchases (Revised)
  • Atlases (Revised)
  • Drawing Text (Revised)
  • Joystick (Revised)
  • Accelerometer (Revised)
  • Sounds (Revised, WIP)
  • Debugging (Revised, WIP)
  • iOS Performance (Revised)
Level: Beginner

Font Editor

Note: This article does not talk about how to draw text. We've got an article solely devoted to that.

Our Font Editor gives you a number of options for styling the fonts you use in your games. All fonts in Stencyl are bitmap fonts. There is currently no way to draw using the "system" font or otherwise.

Fonts are considered as a resource type in Stencyl. Therefore, to open up the Font Editor, you either need to create a new Font resource, download one from StencylForge, or open an existing one up from the Dashboard.

 

Contents

  • How to: Draw Text
  • How To: Creating a Font
  • The Interface
  • Style
  • Color
  • Stroke
  • Shadows
  • The Future

 

How To: Drawing Text

Read our article on drawing text to learn how that's done in Stencyl.

 

How To: Creating a Font

1) File > Create New > Font

2) Give the a font a name.

That's it! The Font Editor will open up.

 

The Interface

Edit properties on the left. Live preview is on the right.

 

Style

  • Character Set - Useful if you just want only letters or only numbers to appear
  • Font - This is where you choose the font file. You have preset fonts if you want something fast, but you can also choose custom fonts. For more about custom fonts, see importing fonts
  • Size - The font size
  • Style - Bold, Italic, Both, or Normal
  • Smoothing - Choosing no will make the font appear aliased, which is useful for pixely looking fonts.

 

Color

  • Color - You can select any color for your font. Clicking on the option opens the color chooser window.
  • Gradient Color - Allows you to blend the first and second colors together vertically in your font.
  • Gradient Offset - Lets you decide how low or how high the gradient color should be, affecting the intensity of the blend.

 

Stroke

The stroke option allows you to highlight your font with a specific color and at a specific magnitude.

 

Shadows

Adding a shadow effect creates a copy of the drawn text with that font, offset x and y pixels away, and blurred at a specific magnitude. This is used to make the characters appear three-dimensional due to the depth between the text and the shadow. Below is an example of basic settings for a shadow effect.

 

The Future

More options, including options for spacing will be available starting in Stencyl 2.6. Our current options are held down by having to maintain different Web and Mobile engines. When we unify them, we'll be able to offer a lot more in this area.



Last Updated: 2013-01-29 by Jon

7695 have read this article
Disclaimer: The Stencyl Team does not actively monitor comments on articles. If you're seeking help for your game, please ask a question on the forums. Thanks!
5 Comments
gintasdx
Not all default fonts works in 2.2(b502) so solution is to make a new font without outline or blur.
0 6 months, 1 week ago
igneois
I guess ill poke around and hopefully stumble upon the font editor...whereever it may be... perhaps its by the code editor... in Narnia
0 1 year, 1 month ago
thugzook
I've noticed that putting text into our scenes extremely difficult.. is there an easier way to put it in?
1 1 year, 10 months ago
Maxskywalker
Okay, okay. But how do we actually type text into our scenes?
4 1 year, 11 months ago
MarcoI88
How can we do for use \n character?
I have tried but it is not possible to go to a new line with a font.

0 1 year, 11 months ago



Commenting Guidelines

Sign In to Comment

Make Games

  • What is Stencyl?
  • Roadmap
  • Pricing

Play

  • Arcade
  • Showcase

Community

  • Forums
  • Chat
  • Translations

Help

  • Stencylpedia
  • Stencyl TV

About Us

  • Blog
  • Contact Us
  • Press
  • Privacy
Follow Stencyl on Twitter



© 2013 Stencyl, LLC.