npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

fontstyles

v1.1.2

Published

A collection of stylish text fonts for your applications

Downloads

2,284

Readme

🎨 Fontstyles

NPM

Fontstyles is a lightweight npm package that makes styling your text a breeze. Whether you want to make your text 𝗯𝗼𝗹𝗱, italic, or go for something more unique like 🅂🅀🅄🄰🅁🄴🄱🄾🅇, this package has you covered. Perfect for adding a personalized touch to your terminal logs, output messages, or any text-based content!


🚀 Installation

Get started by installing Fontstyles via npm:

npm install fontstyles

🎯 Usage

Simply import the fontstyles module and apply any of the available styles to your text.

const text = require('fontstyles');

// Apply your desired style
console.log(text.bold("Make your text stand out!"));

✨ Examples

🔸 Thin Fontstyle

console.log(text.thin("The quick brown fox jumps over the lazy dog"));

Result:

𝖳𝗁𝖾 𝗊𝗎𝗂𝖼𝗄 𝖻𝗋𝗈𝗐𝗇 𝖿𝗈𝗑 𝗃𝗎𝗆𝗉𝗌 𝗈𝗏𝖾𝗋 𝗍𝗁𝖾 𝗅𝖺𝗓𝗒 𝖽𝗈𝗀

🔹 Bold Fontstyle

console.log(text.bold("The quick brown fox jumps over the lazy dog"));

Result:

𝗧𝗵𝗲 𝗾𝘂𝗶𝗰𝗸 𝗯𝗿𝗼𝘄𝗻 𝗳𝗼𝘅 𝗷𝘂𝗺𝗽𝘀 𝗼𝘃𝗲𝗿 𝘁𝗵𝗲 𝗹𝗮𝘇𝘆 𝗱𝗼𝗴

🔸 Fancy Fontstyle

console.log(text.fancy("The quick brown fox jumps over the lazy dog"));

Result:

𝓣𝓱𝓮 𝓺𝓾𝓲𝓬𝓴 𝓫𝓻𝓸𝔀𝓷 𝓯𝓸𝔁 𝓳𝓾𝓶𝓹𝓼 𝓸𝓿𝓮𝓻 𝓽𝓱𝓮 𝓵𝓪𝔃𝔶 𝓭𝓸𝓰

🔹 Underline Fontstyle

console.log(text.underline("The quick brown fox jumps over the lazy dog"));

Result:

T̲h̲e̲ q̲u̲i̲c̲k̲ b̲r̲o̲w̲n̲ f̲o̲x̲ j̲u̲m̲p̲s̲ o̲v̲e̲r̲ t̲h̲e̲ l̲a̲z̲y̲ d̲o̲g̲

💡 Available Styles

| Style | Function | Description | |--------------------|------------------------|------------------------------------------------| | thin(text) | 𝖳𝗁𝖾 𝖳𝗁𝗂𝗇 𝖲𝗍𝗒𝗅𝖾 | Makes the text thin and elegant. | | bold(text) | 𝗕𝗼𝗹𝗱 𝗦𝘁𝘆𝗹𝗲 | Makes the text bold and strong. | | italic(text) | italic style | Slants the text for emphasis. | | underline(text) | U̲n̲d̲e̲r̲l̲i̲n̲e̲ Style | Underlines the text. | | strikethrough(text) | ~~Strike Style~~ | Strikes through the text. | | monospace(text) | 𝙼𝚘𝚗𝚘𝚜𝚙𝚊𝚌𝚎 | Applies a typewriter-like style. | | fancy(text) | 𝓯𝓪𝓷𝓬𝔂 | Bold and cursive for a classic feel. | | bubble(text) | Ⓑⓤⓑⓑⓛⓔ Style | Adds a playful bubble effect. | | italicBold(text)| 𝗜𝘁𝗮𝗹𝗶𝗰 𝗕𝗼𝗹𝗱 | Makes the text both italic and bold. | | mono(text) | 🅂🅀🅄🄰🅁🄴🄱🄾🅇 | Transforms the text into a boxed style. |
| straightJacket(text) | 🇸🇹🇷🇦🇮🇬🇭🇹🇯🇦🇨🇰🇪🇹 🇸🇹🇾🇱🇪 | A small font type of text. | | darkBubble(text) | 🅑🅤🅑🅑🅛🅔 style | Adds a dark playful bubble effect. | | medieval(text) | 𝔒𝔫 𝔱𝔬 𝔙𝔦𝔠𝔱𝔬𝔯𝔶! | Old ye, Medieval. | | fraktur(text) | 𝖋𝖗𝖆𝖐𝖙𝖚𝖗 style | Somehow, I feel back in time. | | chroma(text) | 🅲🅷🆁🅾🅼🅰 style | I wonder why it's called Chroma. | | classic(text) | 𝐎𝐡 𝐦𝐲! | The classy-classic font. | | origin(text) | Original Style | Reverts back to the original text style. |


🔄 Convert Back to Original Style

Want to revert your fancy text to its original form? Use the origin(text) function to reset any applied styles.

console.log(text.origin("𝖳𝗁𝖾 𝗍𝖾𝗑𝗍 𝒘𝒊𝒕𝒉 𝗍𝗁𝗂𝗇, 𝒃𝒐𝒍𝒅, 𝚊𝚗𝚍 𝘰𝘵𝘩𝘦𝘳 𝖿𝗈𝗇𝗍𝖼𝗁𝖺𝗇𝗀𝖾𝗌."));

Result:

The text with thin, bold, and other font changes.

🌟 Unleash Your Creativity

Mix and match styles to create unique and visually appealing text outputs! Fontstyles offers endless possibilities for customizing your text.


Happy styling! 🎉