Classy-Text

Classy-Text is a lightweight JavaScript library that allows you to easily apply various Google Fonts and custom styles to your HTML elements using a simple attribute-based approach just use ct:*styleName. With classy-text, you can make your text stand out with different font styles and effects.

Website Link:- https://classy-text.netlify.app/

Features

• Simple integration using a CDN link
• Over 20 unique font styles
• Easy to use with ct:* HTML attributes
• Dynamically loads Google Fonts
• Custom styling options for each font style(Soon will be pushed).

Installation

You can use classy-text directly from the CDN. Include the following script tags in your head tags in HTML:

<!-- Include the Google Fonts API -->
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> 

<!-- Include the classy-text CDN -->
    <script src="https://cdn.jsdelivr.net/gh/DeadpoolX7/Classy-Text/src/classy-text.js"></script>

Usage

To apply styles to your HTML elements, simply add the ct:* attribute to the elements where you want to use the styles. Replace * with the name of the desired style.

Image

Available fonts

• bond
• casual
• headline
• typewriter
• vintage
• comic
• spooky
• scribble
• elegant
• codeNerd
• fancy
• rockstar
• chill
• pop
• mystery
• magic
• gothic
• pixel
• speedy
• funky
• fairytale
• dreamy
• wild
• retro
• bold
• vibrant
• whimsical

Just paste the following cdn tags and try:

<h1 ct:mystery>Hello, Classy-Text! </h1>

Contributing

Contributions are welcome! If you want to contribute to classy-text, please follow these steps:

• Fork the repository.
• Create a new branch for your feature or bug fix.
• Make your changes and commit them.
• Push your changes to your fork.
• Submit a pull request with a clear description of your changes.

License

This project is licensed under the MIT License. See the LICENSE file for details.