fancy fonts generator

????? ????? ?????????

Demo | Source

A super-simple web app that you can use to generate cool, weird, and beautiful text using pseudofonts made with Unicode characters. This is the GUI-based equivalent of the Fancy Fonts Bot for Telegram that I wrote not too long ago. They are both similar in terms of functionality and the font system is cross-compatible.

Note: Text generated using this application may not always be readable, they could also cause accessibility issues as screen-readers might not recognize them. So it is advised that you use them knowing the downsides.

???? ????????? ?? ???? ??? ????????? ????? ??? ??? ???.

?? ???? ???? ?? ??? ????????? ????? ???? ??? ????????? ?? ???????.

???? ???? ?? ???? ??? ?? ?????? ??? ?????? ????????.

???? ???? ????? ?????? ????? ???????? ???? ?? ???? ?? ??? ???????? ???????? ???????.

???? ????? ????????? ?? ????????? ?? ???? ???????, ??? ????? ????????????? ??????.

Ｓｏ Ｉ'ｄ ｒｅｃｏｍｍｅｎｄ ｎｏｔ ｕｓｉｎｇ ｉｔ ｆｏｒ ｉｍｐｏｒｔａｎｔ ｔｅｘｔ.

???? ??? ?? ?? ???? ???!

Features

• Real-time text to pseudofont conversion.
• 50+ unique fonts pre-defined.
• Simple syntax for adding custom fonts.
• Can double as a pun generator. ?
• Ability to convert all loaded fonts at the same time.

Getting Started

Live Version

A live version of the fonts generator is available here. If you however want to host your own version of the app, follow the steps down below to get started.

Hosting locally

1. Clone the repository.

git clone https://github.com/waterrmalann/fancy-fonts-generator.git

2. Install the dependencies.

npm install

3. This will start a live server. Head to the IP shown in the console.

npm run serve

Adding new fonts

The fun stuff! Fonts are stored in a json file in the root directory with the name fonts.json. Each font is stored in this format:

{
    "fontName": "FullWidth",
    "fontLower": "ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ",
    "fontUpper": "ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ",
    "fontDigits": "０１２３４５６７８９"
}

Leave an empty string for empty parameters. It will default to english letters and numbers.

• fontName: The name of the font.
• fontUpper: Uppercase letters of that font. (Can be a string or an array of length 26)
• fontLower: Lowercase letters of that font. (Can be a string or an array of length 26)
• fontDigits: Numbers of that font. (Can be a string or an array of length 10)

Note: fontLower and fontUpper must always be 26 characters. fontDigits must always be 10 characters. The pseudofont class currently isn't failsafe. Foolproofing it is on my todo list.

? Contributing

Contributions are accepted and there really isn't any strict rules. Feel free to open a pull request to fix any issues or to make improvements you think that should be made. You can also add new fonts to the font database or help me with the to-do list above. Any contribution will be accepted as long as it doesn't stray too much from the objective of the app. If you're in doubt about whether the PR would be accepted or not, you can always open an issue to get my opinion on it.

License

MIT License, see LICENSE