DEV Community

Cover image for Day 4: ASCII Art Fonts šŸ–‹ļø
Valeria
Valeria

Posted on

4

Day 4: ASCII Art Fonts šŸ–‹ļø

Ready for yet another terminal utility? Ready or not - here it comes!
Figlet.js let's you turn boring text into NOT BORING TEXT!

Check this out! Install a dependency, e.g. with:

deno add npm:figlet
Enter fullscreen mode Exit fullscreen mode

Create a file, e.g. main.ts:


import figlet from "npm:figlet";
const text = await figlet.text("Hello!", {
  font: "Ghost",
});

console.log(text)
Enter fullscreen mode Exit fullscreen mode

And enjoy:

deno run -A ./main.ts
 ('-. .-.   ('-.                                  ,---. 
( OO )  / _(  OO)                                 |   | 
,--. ,--.(,------.,--.      ,--.      .-'),-----. |   | 
|  | |  | |  .---'|  |.-')  |  |.-') ( OO'  .-.  '|   | 
|   .|  | |  |    |  | OO ) |  | OO )/   |  | |  ||   | 
|       |(|  '--. |  |`-' | |  |`-' |\_) |  |\|  ||  .' 
|  .-.  | |  .--'(|  '---.'(|  '---.'  \ |  | |  |`--'  
|  | |  | |  `---.|      |  |      |    `'  '-'  '.--.  
`--' `--' `------'`------'  `------'      `-----' '--'  
Enter fullscreen mode Exit fullscreen mode

There's plenty more "fonts" to try out, here's a full list:

[
    "1Row",
    "3-D",
    "3D Diagonal",
    "3D-ASCII",
    "3x5",
    "4Max",
    "5 Line Oblique",
    "AMC 3 Line",
    "AMC 3 Liv1",
    "AMC AAA01",
    "AMC Neko",
    "AMC Razor",
    "AMC Razor2",
    "AMC Slash",
    "AMC Slider",
    "AMC Thin",
    "AMC Tubes",
    "AMC Untitled",
    "ANSI Regular",
    "ANSI Shadow",
    "ASCII New Roman",
    "Acrobatic",
    "Alligator",
    "Alligator2",
    "Alpha",
    "Alphabet",
    "Arrows",
    "Avatar",
    "B1FF",
    "Banner",
    "Banner3-D",
    "Banner3",
    "Banner4",
    "Barbwire",
    "Basic",
    "Bear",
    "Bell",
    "Benjamin",
    "Big Chief",
    "Big Money-ne",
    "Big Money-nw",
    "Big Money-se",
    "Big Money-sw",
    "Big",
    "Bigfig",
    "Binary",
    "Block",
    "Blocks",
    "Bloody",
    "BlurVision ASCII",
    "Bolger",
    "Braced",
    "Bright",
    "Broadway KB",
    "Broadway",
    "Bubble",
    "Bulbhead",
    "Caligraphy",
    "Caligraphy2",
    "Calvin S",
    "Cards",
    "Catwalk",
    "Chiseled",
    "Chunky",
    "Coinstak",
    "Cola",
    "Colossal",
    "Computer",
    "Contessa",
    "Contrast",
    "Cosmike",
    "Cosmike2",
    "Crawford",
    "Crawford2",
    "Crazy",
    "Cricket",
    "Cursive",
    "Cyberlarge",
    "Cybermedium",
    "Cybersmall",
    "Cygnet",
    "DANC4",
    "DOS Rebel",
    "DWhistled",
    "Dancing Font",
    "Decimal",
    "Def Leppard",
    "Delta Corps Priest 1",
    "DiamFont",
    "Diamond",
    "Diet Cola",
    "Digital",
    "Doh",
    "Doom",
    "Dot Matrix",
    "Double Shorts",
    "Double",
    "Dr Pepper",
    "Efti Chess",
    "Efti Font",
    "Efti Italic",
    "Efti Piti",
    "Efti Robot",
    "Efti Wall",
    "Efti Water",
    "Electronic",
    "Elite",
    "Epic",
    "Fender",
    "Filter",
    "Fire Font-k",
    "Fire Font-s",
    "Flipped",
    "Flower Power",
    "Four Tops",
    "Fraktur",
    "Fun Face",
    "Fun Faces",
    "Fuzzy",
    "Georgi16",
    "Georgia11",
    "Ghost",
    "Ghoulish",
    "Glenyn",
    "Goofy",
    "Gothic",
    "Graceful",
    "Gradient",
    "Graffiti",
    "Greek",
    "Heart Left",
    "Heart Right",
    "Henry 3D",
    "Hex",
    "Hieroglyphs",
    "Hollywood",
    "Horizontal Left",
    "Horizontal Right",
    "ICL-1900",
    "Impossible",
    "Invita",
    "Isometric1",
    "Isometric2",
    "Isometric3",
    "Isometric4",
    "Italic",
    "Ivrit",
    "JS Block Letters",
    "JS Bracket Letters",
    "JS Capital Curves",
    "JS Cursive",
    "JS Stick Letters",
    "Jacky",
    "Jazmine",
    "Jerusalem",
    "Katakana",
    "Kban",
    "Keyboard",
    "Knob",
    "Konto Slant",
    "Konto",
    "LCD",
    "Larry 3D 2",
    "Larry 3D",
    "Lean",
    "Letters",
    "Lil Devil",
    "Line Blocks",
    "Linux",
    "Lockergnome",
    "Madrid",
    "Marquee",
    "Maxfour",
    "Merlin1",
    "Merlin2",
    "Mike",
    "Mini",
    "Mirror",
    "Mnemonic",
    "Modular",
    "Morse",
    "Morse2",
    "Moscow",
    "Mshebrew210",
    "Muzzle",
    "NScript",
    "NT Greek",
    "NV Script",
    "Nancyj-Fancy",
    "Nancyj-Improved",
    "Nancyj-Underlined",
    "Nancyj",
    "Nipples",
    "O8",
    "OS2",
    "Octal",
    "Ogre",
    "Old Banner",
    "Pagga",
    "Patorjk's Cheese",
    "Patorjk-HeX",
    "Pawp",
    "Peaks Slant",
    "Peaks",
    "Pebbles",
    "Pepper",
    "Poison",
    "Puffy",
    "Puzzle",
    "Pyramid",
    "Rammstein",
    "Rectangles",
    "Red Phoenix",
    "Relief",
    "Relief2",
    "Reverse",
    "Roman",
    "Rot13",
    "Rotated",
    "Rounded",
    "Rowan Cap",
    "Rozzo",
    "RubiFont",
    "Runic",
    "Runyc",
    "S Blood",
    "SL Script",
    "Santa Clara",
    "Script",
    "Serifcap",
    "Shaded Blocky",
    "Shadow",
    "Shimrod",
    "Short",
    "Slant Relief",
    "Slant",
    "Slide",
    "Small Caps",
    "Small Isometric1",
    "Small Keyboard",
    "Small Poison",
    "Small Script",
    "Small Shadow",
    "Small Slant",
    "Small Tengwar",
    "Small",
    "Soft",
    "Speed",
    "Spliff",
    "Stacey",
    "Stampate",
    "Stampatello",
    "Standard",
    "Star Strips",
    "Star Wars",
    "Stellar",
    "Stforek",
    "Stick Letters",
    "Stop",
    "Straight",
    "Stronger Than All",
    "Sub-Zero",
    "Swamp Land",
    "Swan",
    "Sweet",
    "THIS",
    "Tanja",
    "Tengwar",
    "Term",
    "Test1",
    "The Edge",
    "Thick",
    "Thin",
    "Thorned",
    "Three Point",
    "Ticks Slant",
    "Ticks",
    "Tiles",
    "Tinker-Toy",
    "Tombstone",
    "Train",
    "Trek",
    "Tsalagi",
    "Tubular",
    "Twisted",
    "Two Point",
    "USA Flag",
    "Univers",
    "Varsity",
    "Wavy",
    "Weird",
    "Wet Letter",
    "Whimsy",
    "Wow"
]
Enter fullscreen mode Exit fullscreen mode

And, combined with e.g. string-gradient it produces even better results:

Liked the content and would love to have more of it all year long?

Buy Me A Coffee

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, weā€™ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (2)

Collapse
 
fyodorio profile image
Fyodor ā€¢

Figlet is the most important tool for CLI developers, period! šŸ¤˜

Collapse
 
valeriavg profile image
Valeria ā€¢

Right?! Iā€™m adding it everywhere now šŸ¤£

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

šŸ‘‹ Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay