https://github.com/deadpoolx7/classy-text
CDN to style your web fonts in a fun and easy to use syntax
https://github.com/deadpoolx7/classy-text
cdn cdnjs css font frontend styling
Last synced: 5 months ago
JSON representation
CDN to style your web fonts in a fun and easy to use syntax
- Host: GitHub
- URL: https://github.com/deadpoolx7/classy-text
- Owner: DeadpoolX7
- License: mit
- Created: 2024-11-01T07:31:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-21T15:20:07.000Z (about 1 year ago)
- Last Synced: 2025-10-13T23:35:03.015Z (5 months ago)
- Topics: cdn, cdnjs, css, font, frontend, styling
- Language: JavaScript
- Homepage: https://classy-text.netlify.app/
- Size: 79.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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:
```html
```
# 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:
```html
Hello, Classy-Text!
```
# 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](LICENSE) file for details.