DEV Community

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

Posted on

5

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

How to reduce TTFB

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.

In this article, weā€™ll see how we can identify what makes our TTFB high so we can fix it.

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 šŸ¤£

Image of Docusign

šŸ› ļø Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

šŸ‘‹ Kindness is contagious

Please leave a ā¤ļø or a friendly comment on this post if you found it helpful!

Okay