# fontstyles

> A collection of stylish text fonts for your applications

Latest version **1.1.2** (published 2024-11-10) · ISC license · 0 weekly downloads

## Install

```sh
npm install fontstyles
pnpm add fontstyles
yarn add fontstyles
bun add fontstyles
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2024-11-10 |
| First published | 2023-11-03 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 45 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Yan Maglinte |
| Maintainers | y4nd3v |
| Keywords | fonts, text, design, fontstyles, styles, textstyles |

## Links

- npm: https://www.npmjs.com/package/fontstyles
- Repository: https://github.com/YANDEVA/FontStyles
- Homepage: https://github.com/YANDEVA/FontStyles#readme
- Issues: https://github.com/YANDEVA/FontStyles/issues
- npm.io page: https://npm.io/package/fontstyles

## Alternatives

- [ext-list](https://npm.io/package/ext-list.md) — 6.3M weekly downloads
- [@lexical/selection](https://npm.io/package/@lexical/selection.md) — 3.8M weekly downloads
- [@lexical/text](https://npm.io/package/@lexical/text.md) — 3.6M weekly downloads
- [@lexical/clipboard](https://npm.io/package/@lexical/clipboard.md) — 3.0M weekly downloads
- [@tiptap/extension-mention](https://npm.io/package/@tiptap/extension-mention.md) — 3.0M weekly downloads

## Recent versions

- 1.1.2 (latest) — 2024-11-10
- 1.1.1 — 2024-11-09
- 1.1.0 — 2024-11-09
- 1.0.8 — 2024-11-09
- 1.0.7 — 2024-11-09
- 1.0.6 — 2024-10-06
- 1.0.5 — 2024-02-27
- 1.0.4 — 2024-02-23
- 1.0.3 — 2023-11-04
- 1.0.2 — 2023-11-04
- 1.0.1 — 2023-11-03
- 1.0.0 — 2023-11-03

## README

# 🎨 Fontstyles

[![NPM](https://img.shields.io/badge/Available%20On-NPM-lightgrey.svg?logo=npm&logoColor=DA291A&labelColor=white&style=flat-square)](https://www.npmjs.com/package/fontstyles)

✨ **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:

```bash
npm install fontstyles
```

---

## 🎯 Usage

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

```javascript
const text = require('fontstyles');

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

---

## ✨ Examples

### 🔸 Thin Fontstyle

```javascript
console.log(text.thin("The quick brown fox jumps over the lazy dog"));
```
_Result:_
```
𝖳𝗁𝖾 𝗊𝗎𝗂𝖼𝗄 𝖻𝗋𝗈𝗐𝗇 𝖿𝗈𝗑 𝗃𝗎𝗆𝗉𝗌 𝗈𝗏𝖾𝗋 𝗍𝗁𝖾 𝗅𝖺𝗓𝗒 𝖽𝗈𝗀
```

### 🔹 Bold Fontstyle

```javascript
console.log(text.bold("The quick brown fox jumps over the lazy dog"));
```
_Result:_
```
𝗧𝗵𝗲 𝗾𝘂𝗶𝗰𝗸 𝗯𝗿𝗼𝘄𝗻 𝗳𝗼𝘅 𝗷𝘂𝗺𝗽𝘀 𝗼𝘃𝗲𝗿 𝘁𝗵𝗲 𝗹𝗮𝘇𝘆 𝗱𝗼𝗴
```

### 🔸 Fancy Fontstyle

```javascript
console.log(text.fancy("The quick brown fox jumps over the lazy dog"));
```
_Result:_
```
𝓣𝓱𝓮 𝓺𝓾𝓲𝓬𝓴 𝓫𝓻𝓸𝔀𝓷 𝓯𝓸𝔁 𝓳𝓾𝓶𝓹𝓼 𝓸𝓿𝓮𝓻 𝓽𝓱𝓮 𝓵𝓪𝔃𝔶 𝓭𝓸𝓰
```

### 🔹 Underline Fontstyle

```javascript
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.

```javascript
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! 🎉

---
_Source: https://npm.io/package/fontstyles · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._