ASCII Text Art Generator and Converter
Stand out in social media messages and comment sections spicing up your text with ASCII art text. Ascii art is sometimes the only way to increase the font size or other styles of text on some websites.
Also, due to the nature of text-based communication such as in chat rooms and text-based games, it can be useful to have text that is not just boring old black text on a white background. Adding some juice to it can also help make it more readable or just more fun. You can use ASCII art text in any text conversations you have and on any website or app that allows text input.
To create ASCII art text, you can use any text editor to type in or copy and paste the text you want to convert. Then, you can use this online tool and converter to turn your text into ASCII art.
Look around in the style gallery for text inspiration and once you have your text selected, click on the “Create ASCII Art” button. Your text will be turned into ASCII art and you can then copy and paste it wherever you want.
What to keep in mind when using ASCII art text?
There are a few things to keep in mind when using ASCII art. First, because it is text-based, it can be hard to format. You need to use a font where the width of each character is the same. Monospace characters need to be used, otherwise, the resulting image will look scrambled.
Decrease the line height in your paragraphs and letter spacing. For the best result let the characters touch each other without the gap between them. The text should be as close to the top and left of the text box as possible.
- Use monospace characters - In most font families the width of the letters vary. For example usually I is narrower than an M. Or the space between the words is smaller than a dash sign. When publishing ASCII art text on websites make sure to always use monospace characters that have the same width for each character, such as Courier or Lucida Console. Some effects still work on any font family and they can be freely used where you don't have access to change the font styles (eg. Facebook). Change the font dropdown in the sidebar to see how they look if you change the font.
- Line height must equal the font size - Usually there's a space between the lines on all written documents. ASCII arts look best if the line-height equals the font size CSS property. See the CSS code below for example:
p { line-height: 12px; font-size: 12px; }
- Word wrap - Make sure the long lines are not broken apart by a word break. CSS property or setting a wide container with overflow: auto. Unfortunately, we can't share too long texts on Facebook because the automatic word breaks.
- HTML spaces and new lines - These ASCII arts often use consecutive spaces that are neglected in HTML markup. This is why it's recommended to put the whole string a <pre> tag or make sure to replace spaces with non-breaking space characters ( ) and line breaks with <br />. The online HTML editor will help you convert to the correct markup with just a couple clicks.
If you have any questions or feedback about this online tool, feel free to contact us.