# onedionys-web-font-loader

> One Dionys (Web Font Loader) - Functions to load and manage the use of web fonts in applications, ensuring consistent display across different devices.

Latest version **5.0.0** (published 2024-03-31) · ISC license · 0 weekly downloads

## Install

```sh
npm install onedionys-web-font-loader
pnpm add onedionys-web-font-loader
yarn add onedionys-web-font-loader
bun add onedionys-web-font-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 5.0.0 |
| Published | 2024-03-31 |
| First published | 2024-03-17 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 132 |
| Unpacked size | 13.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | One Dionys |
| Maintainers | onedionys |
| Keywords | onedionys, tea, package-manager, web-font-loader |

## Links

- npm: https://www.npmjs.com/package/onedionys-web-font-loader
- Repository: https://github.com/onedionys/onedionys-web-font-loader
- Homepage: https://github.com/onedionys/onedionys-web-font-loader#readme
- Issues: https://github.com/onedionys/onedionys-web-font-loader/issues
- npm.io page: https://npm.io/package/onedionys-web-font-loader

## Dependencies (132)

- [xstea](https://npm.io/package/xstea.md) ^1.1.4
- [jquery](https://npm.io/package/jquery.md) ^3.7.1
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [mafiozo](https://npm.io/package/mafiozo.md) ^1.1.4
- [alphonix](https://npm.io/package/alphonix.md) ^1.1.4
- [babisida](https://npm.io/package/babisida.md) ^1.1.3
- [hyper212](https://npm.io/package/hyper212.md) ^1.1.4
- [noteapro](https://npm.io/package/noteapro.md) ^1.1.4
- [gassefals](https://npm.io/package/gassefals.md) ^1.1.4
- [app_nodejs](https://npm.io/package/app_nodejs.md) ^1.1.4
- [montea-app](https://npm.io/package/montea-app.md) ^1.1.2
- [aefkaaa-tea](https://npm.io/package/aefkaaa-tea.md) ^0.1.0
- [kontol-lodon](https://npm.io/package/kontol-lodon.md) ^1.1.3
- [gozillaankara](https://npm.io/package/gozillaankara.md) ^1.1.4
- [only-learning](https://npm.io/package/only-learning.md) ^1.0.9
- [diagnose-healthy](https://npm.io/package/diagnose-healthy.md) ^1.1.3
- [returndaoproject](https://npm.io/package/returndaoproject.md) ^1.1.4
- [onedionys-animal-cat](https://npm.io/package/onedionys-animal-cat.md) ^1.0.0
- [onedionys-animal-dog](https://npm.io/package/onedionys-animal-dog.md) ^1.0.0
- [onedionys-animal-fox](https://npm.io/package/onedionys-animal-fox.md) ^1.0.0
- [onedionys-animal-bear](https://npm.io/package/onedionys-animal-bear.md) ^1.0.0
- [onedionys-animal-deer](https://npm.io/package/onedionys-animal-deer.md) ^1.0.0
- [onedionys-animal-lion](https://npm.io/package/onedionys-animal-lion.md) ^1.0.0
- [onedionys-animal-wolf](https://npm.io/package/onedionys-animal-wolf.md) ^1.0.0
- [onedionys-http-client](https://npm.io/package/onedionys-http-client.md) ^1.0.0
- [onedionys-ajax-wrapper](https://npm.io/package/onedionys-ajax-wrapper.md) ^1.0.2
- [onedionys-animal-koala](https://npm.io/package/onedionys-animal-koala.md) ^1.0.0
- [onedionys-animal-panda](https://npm.io/package/onedionys-animal-panda.md) ^1.0.0
- [onedionys-animal-tiger](https://npm.io/package/onedionys-animal-tiger.md) ^1.0.0
- [onedionys-animal-zebra](https://npm.io/package/onedionys-animal-zebra.md) ^1.0.0
- [onedionys-data-storage](https://npm.io/package/onedionys-data-storage.md) ^1.1.0
- [onedionys-montea-magic](https://npm.io/package/onedionys-montea-magic.md) ^1.0.0
- [onedionys-shop-builder](https://npm.io/package/onedionys-shop-builder.md) ^2.5.1
- [onedionys-string-utils](https://npm.io/package/onedionys-string-utils.md) ^1.0.0
- [onedionys-animal-monkey](https://npm.io/package/onedionys-animal-monkey.md) ^1.0.0
- [onedionys-animal-rabbit](https://npm.io/package/onedionys-animal-rabbit.md) ^1.0.0
- [onedionys-event-emitter](https://npm.io/package/onedionys-event-emitter.md) ^1.0.0
- [onedionys-animal-giraffe](https://npm.io/package/onedionys-animal-giraffe.md) ^1.0.0
- [onedionys-animal-gorilla](https://npm.io/package/onedionys-animal-gorilla.md) ^1.0.0
- [onedionys-date-languange](https://npm.io/package/onedionys-date-languange.md) ^2.5.1
- [onedionys-math-utilities](https://npm.io/package/onedionys-math-utilities.md) ^1.0.0
- [onedionys-scrape-twitter](https://npm.io/package/onedionys-scrape-twitter.md) ^1.0.0
- [onedionys-animal-elephant](https://npm.io/package/onedionys-animal-elephant.md) ^1.0.1
- [onedionys-animal-kangaroo](https://npm.io/package/onedionys-animal-kangaroo.md) ^1.0.0
- [onedionys-cors-middleware](https://npm.io/package/onedionys-cors-middleware.md) ^1.0.0
- [onedionys-routing-library](https://npm.io/package/onedionys-routing-library.md) ^1.0.0
- [onedionys-template-engine](https://npm.io/package/onedionys-template-engine.md) ^1.0.0
- [onedionys-number-languange](https://npm.io/package/onedionys-number-languange.md) ^2.5.0
- [onedionys-state-management](https://npm.io/package/onedionys-state-management.md) ^1.0.0
- [onedionys-animal-rhinoceros](https://npm.io/package/onedionys-animal-rhinoceros.md) ^1.0.0
- [onedionys-animation-library](https://npm.io/package/onedionys-animation-library.md) ^1.0.0
- [onedionys-clipboard-manager](https://npm.io/package/onedionys-clipboard-manager.md) ^1.0.0
- [onedionys-cookie-management](https://npm.io/package/onedionys-cookie-management.md) ^1.0.0
- [onedionys-promise-utilities](https://npm.io/package/onedionys-promise-utilities.md) ^1.0.0
- [onedionys-ui-theme-switcher](https://npm.io/package/onedionys-ui-theme-switcher.md) ^1.0.0
- [onedionys-websocket-wrapper](https://npm.io/package/onedionys-websocket-wrapper.md) ^1.0.0
- [onedionys-color-manipulation](https://npm.io/package/onedionys-color-manipulation.md) ^1.0.0
- [onedionys-form-input-masking](https://npm.io/package/onedionys-form-input-masking.md) ^1.0.0
- [onedionys-input-autocomplete](https://npm.io/package/onedionys-input-autocomplete.md) ^1.0.0
- [onedionys-validation-library](https://npm.io/package/onedionys-validation-library.md) ^1.0.0
- [onedionys-animal-hippopotamus](https://npm.io/package/onedionys-animal-hippopotamus.md) ^1.0.0
- [onedionys-date-time-utilities](https://npm.io/package/onedionys-date-time-utilities.md) ^1.0.0
- [onedionys-image-cropping-tool](https://npm.io/package/onedionys-image-cropping-tool.md) ^1.0.0
- [onedionys-lazy-loading-images](https://npm.io/package/onedionys-lazy-loading-images.md) ^1.0.0
- [onedionys-notification-system](https://npm.io/package/onedionys-notification-system.md) ^1.0.0
- [onedionys-scrolling-utilities](https://npm.io/package/onedionys-scrolling-utilities.md) ^1.0.0
- [onedionys-user-authentication](https://npm.io/package/onedionys-user-authentication.md) ^1.0.0
- [onedionys-drag-drop-components](https://npm.io/package/onedionys-drag-drop-components.md) ^1.0.0
- [onedionys-localization-library](https://npm.io/package/onedionys-localization-library.md) ^1.0.0
- [onedionys-localization-manager](https://npm.io/package/onedionys-localization-manager.md) ^1.0.0
- [onedionys-pagination-component](https://npm.io/package/onedionys-pagination-component.md) ^1.0.0
- [onedionys-search-bar-component](https://npm.io/package/onedionys-search-bar-component.md) ^1.0.0
- [onedionys-analytics-integration](https://npm.io/package/onedionys-analytics-integration.md) ^1.0.0
- [onedionys-file-upload-component](https://npm.io/package/onedionys-file-upload-component.md) ^1.0.0
- [onedionys-static-site-generator](https://npm.io/package/onedionys-static-site-generator.md) ^1.0.0
- [onedionys-cookie-consent-manager](https://npm.io/package/onedionys-cookie-consent-manager.md) ^1.0.0
- [onedionys-css-class-manipulation](https://npm.io/package/onedionys-css-class-manipulation.md) ^1.0.0
- [onedionys-dom-mutation-observers](https://npm.io/package/onedionys-dom-mutation-observers.md) ^1.0.0
- [onedionys-email-template-builder](https://npm.io/package/onedionys-email-template-builder.md) ^1.0.0
- [onedionys-event-handling-library](https://npm.io/package/onedionys-event-handling-library.md) ^1.0.0
- [onedionys-form-wizard-components](https://npm.io/package/onedionys-form-wizard-components.md) ^1.0.0
- [onedionys-formatted-input-fields](https://npm.io/package/onedionys-formatted-input-fields.md) ^1.0.0
- [onedionys-modal-dialog-component](https://npm.io/package/onedionys-modal-dialog-component.md) ^1.0.0
- [onedionys-progress-bar-component](https://npm.io/package/onedionys-progress-bar-component.md) ^1.0.0
- [onedionys-real-time-data-syncing](https://npm.io/package/onedionys-real-time-data-syncing.md) ^1.0.0
- [onedionys-text-parsing-utilities](https://npm.io/package/onedionys-text-parsing-utilities.md) ^1.0.0
- [onedionys-data-formatting-helpers](https://npm.io/package/onedionys-data-formatting-helpers.md) ^1.0.0
- [onedionys-dom-traversal-utilities](https://npm.io/package/onedionys-dom-traversal-utilities.md) ^1.0.0
- [onedionys-form-handling-utilities](https://npm.io/package/onedionys-form-handling-utilities.md) ^1.0.0
- [onedionys-gdpr-compliance-toolkit](https://npm.io/package/onedionys-gdpr-compliance-toolkit.md) ^1.0.0
- [onedionys-image-compression-tools](https://npm.io/package/onedionys-image-compression-tools.md) ^1.0.0
- [onedionys-image-gallery-component](https://npm.io/package/onedionys-image-gallery-component.md) ^1.0.0
- [onedionys-image-loading-utilities](https://npm.io/package/onedionys-image-loading-utilities.md) ^1.0.0
- [onedionys-lazy-loading-components](https://npm.io/package/onedionys-lazy-loading-components.md) ^1.0.0
- [onedionys-seo-friendly-pagination](https://npm.io/package/onedionys-seo-friendly-pagination.md) ^1.0.0
- [onedionys-web-storage-abstraction](https://npm.io/package/onedionys-web-storage-abstraction.md) ^1.0.0
- [onedionys-code-splitting-utilities](https://npm.io/package/onedionys-code-splitting-utilities.md) ^1.0.0
- [onedionys-data-anonymization-tools](https://npm.io/package/onedionys-data-anonymization-tools.md) ^1.0.0
- [onedionys-dom-manipulation-helpers](https://npm.io/package/onedionys-dom-manipulation-helpers.md) ^1.1.0
- [onedionys-error-handling-utilities](https://npm.io/package/onedionys-error-handling-utilities.md) ^1.0.0
- [onedionys-feature-toggle-utilities](https://npm.io/package/onedionys-feature-toggle-utilities.md) ^1.0.0
- [onedionys-load-balancer-middleware](https://npm.io/package/onedionys-load-balancer-middleware.md) ^1.0.0
- [onedionys-pdf-generation-utilities](https://npm.io/package/onedionys-pdf-generation-utilities.md) ^1.0.0
- [onedionys-seo-optimization-helpers](https://npm.io/package/onedionys-seo-optimization-helpers.md) ^1.0.0
- [onedionys-social-sharing-utilities](https://npm.io/package/onedionys-social-sharing-utilities.md) ^1.0.0
- [onedionys-web-performance-analyzer](https://npm.io/package/onedionys-web-performance-analyzer.md) ^1.0.0
- [onedionys-api-rate-limiting-handler](https://npm.io/package/onedionys-api-rate-limiting-handler.md) ^1.0.0
- [onedionys-data-encryption-utilities](https://npm.io/package/onedionys-data-encryption-utilities.md) ^1.0.0
- [onedionys-responsive-design-helpers](https://npm.io/package/onedionys-responsive-design-helpers.md) ^1.0.0
- [onedionys-secure-password-generator](https://npm.io/package/onedionys-secure-password-generator.md) ^1.0.0
- [onedionys-web-accessibility-checker](https://npm.io/package/onedionys-web-accessibility-checker.md) ^1.0.0
- [onedionys-web-accessibility-helpers](https://npm.io/package/onedionys-web-accessibility-helpers.md) ^1.0.0
- [onedionys-csrf-protection-middleware](https://npm.io/package/onedionys-csrf-protection-middleware.md) ^1.0.0
- [onedionys-database-abstraction-layer](https://npm.io/package/onedionys-database-abstraction-layer.md) ^1.0.0
- [onedionys-debounce-throttle-functions](https://npm.io/package/onedionys-debounce-throttle-functions.md) ^1.0.0
- [onedionys-responsive-image-components](https://npm.io/package/onedionys-responsive-image-components.md) ^1.0.0
- [onedionys-responsive-table-components](https://npm.io/package/onedionys-responsive-table-components.md) ^1.0.0
- [onedionys-charting-library-integration](https://npm.io/package/onedionys-charting-library-integration.md) ^1.0.0
- [onedionys-code-documentation-generator](https://npm.io/package/onedionys-code-documentation-generator.md) ^1.0.0
- [onedionys-client-side-routing-utilities](https://npm.io/package/onedionys-client-side-routing-utilities.md) ^1.0.0
- [onedionys-jwt-authentication-middleware](https://npm.io/package/onedionys-jwt-authentication-middleware.md) ^1.0.0
- [onedionys-markdown-rendering-components](https://npm.io/package/onedionys-markdown-rendering-components.md) ^1.0.0
- [onedionys-progressive-web-app-utilities](https://npm.io/package/onedionys-progressive-web-app-utilities.md) ^1.0.0
- [onedionys-timezone-conversion-utilities](https://npm.io/package/onedionys-timezone-conversion-utilities.md) ^1.0.0
- [onedionys-user-role-permission-management](https://npm.io/package/onedionys-user-role-permission-management.md) ^1.0.0
- [onedionys-authentication-tokens-management](https://npm.io/package/onedionys-authentication-tokens-management.md) ^1.0.0
- [onedionys-social-media-meta-tags-generator](https://npm.io/package/onedionys-social-media-meta-tags-generator.md) ^1.0.0
- [onedionys-content-security-policy-generator](https://npm.io/package/onedionys-content-security-policy-generator.md) ^1.0.0
- [onedionys-internationalization-i18n-support](https://npm.io/package/onedionys-internationalization-i18n-support.md) ^1.0.0
- [onedionys-web-push-notification-integration](https://npm.io/package/onedionys-web-push-notification-integration.md) ^1.0.0
- [onedionys-error-reporting-service-integration](https://npm.io/package/onedionys-error-reporting-service-integration.md) ^1.0.0
- [onedionys-content-delivery-network-integration](https://npm.io/package/onedionys-content-delivery-network-integration.md) ^1.0.0

## Recent versions

- 5.0.0 (latest) — 2024-03-31
- 1.0.1 — 2024-03-18
- 1.0.0 — 2024-03-17

## README

<h1 align="center">Welcome to One Dionys - Web Font Loader! 👋 </h1>

<p align="center">Functions to load and manage the use of web fonts in applications, ensuring consistent display across different devices. 💖 </p>

<p align="center">
<img src="https://img.shields.io/github/contributors/onedionys/onedionys-web-font-loader?style=flat-square">
<img src="https://img.shields.io/github/issues/onedionys/onedionys-web-font-loader?style=flat-square">
<img src="https://img.shields.io/github/stars/onedionys/onedionys-web-font-loader?style=flat-square"> 
<img src="https://img.shields.io/github/forks/onedionys/onedionys-web-font-loader?style=flat-square">
<img src="https://img.shields.io/github/last-commit/onedionys/onedionys-web-font-loader.svg?style=flat-square">
<img src="https://img.shields.io/github/languages/code-size/onedionys/onedionys-web-font-loader?style=flat-square">
<img src="https://img.shields.io/github/license/onedionys/onedionys-web-font-loader?style=flat-square">
</p>

## 💾 Requirements

* `Web Browser` - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
* `Internet` - Because many use CDN and to make it easier to find solutions to all problems.

## 🎯 How To Use

#### Example Syntax

```javascript
// Import the Web Font Loader
import { loadFonts } from './src/webFontLoader';

// Define fonts to load
const fonts = {
  google: {
    families: ['Roboto:400,700', 'Open+Sans:400,700']
  }
};

// Load fonts
loadFonts(fonts)
  .then(() => {
    console.log('Fonts loaded successfully!');
    // Add code to execute after fonts are loaded
  })
  .catch((error) => {
    console.error('Failed to load fonts:', error);
  });
```

#### Explanation

* The Web Font Loader package provides a convenient way to load web fonts dynamically in your web application. This package allows you to specify the fonts you want to load and handles the loading process asynchronously. It supports loading fonts from various sources, including Google Fonts, Typekit, and custom font files.

#### Return Value

* `loadFonts(fonts)`: This function returns a Promise that resolves when all specified fonts are successfully loaded. If any font fails to load, the Promise will be rejected with an error.

## 📆 Release Date

* v1.0.0 : 17 March 2024
* v1.0.1 : 18 March 2024
* v1.0.2 : 31 March 2024
* v5.0.0 : 31 March 2024

## 🧑 Author

* Facebook : <a href="https://www.facebook.com/theonedionys"> Oned Ionys</a>
* Instagram : <a href="https://www.instagram.com/onedionys/"> @onedionys</a>
* Twitter : <a href="https://twitter.com/onedionys"> @onedionys</a>
* LinkedIn :  <a href="https://www.linkedin.com/in/onedionys/"> @onedionys</a>

## 📝 License

* Copyright © 2024 One Dionys
* **One Dionys - Web Font Loader is an open source project licensed under the MIT license**

## ☕️ Suppport & Donation

Love One Dionys - Web Font Loader? Support this project by donating or sharing with others in need.

<a href="https://www.buymeacoffee.com/onedionys"><img src="https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black"/> </a>

**Made with ❤️ One Dionys**

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