https://github.com/lablnet/fontpicker

A standalone font picker for the web. A package to quickly choose fonts from Google Web Fonts and preview a font from Google's large range of free fonts, and optionally select a font weight and font style (normal or italics).
https://github.com/lablnet/fontpicker

fontpicker fonts google-font gplv3 javascript library open-source standalone veneliajs

Last synced: about 1 month ago
JSON representation

A standalone font picker for the web. A package to quickly choose fonts from Google Web Fonts and preview a font from Google's large range of free fonts, and optionally select a font weight and font style (normal or italics).

• Host: GitHub
• URL: https://github.com/lablnet/fontpicker
• Owner: lablnet
• License: gpl-3.0
• Created: 2022-06-26T12:42:50.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-23T04:17:39.000Z (over 1 year ago)
• Last Synced: 2023-12-09T10:02:11.548Z (about 1 year ago)
• Topics: fontpicker, fonts, google-font, gplv3, javascript, library, open-source, standalone, veneliajs
• Language: JavaScript
• Homepage: https://lablnet.github.io/fontpicker/
• Size: 276 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
[![pages-build-deployment](https://github.com/lablnet/fontpicker/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/lablnet/fontpicker/actions/workflows/pages/pages-build-deployment)

# fontpicker

A standalone font picker for the web. A package to quickly choose fonts from Google Web Fonts and preview a font from Google's large range of free fonts, and optionally select a font weight and font style (normal or italics).

## Features

- [x] Quickly preview and select any Google font family.

- [x] Optionally choose font weight and font style.

- [ ] Find fonts by name, language and category (serif, sans-serif, display, handwriting, monospace).

More features will be added in later release.

## Installations

#### Using npm

```sh

npm i @lablnet/fontpicker

```

```js

import fontpicker from '@lablnet/fontpicker';

let picker = document.getElementById("picker");

fontpicker(picker, (data) => {

    let paragraph = document.getElementById("paragraph");

    paragraph.style.fontFamily = data.fontFamily;

})

```

## Contribution  

You're welcome to contribute to this project.  

You should follow contribution guideline [Contribution guideline](https://github.com/lablnet/Data_Structure/blob/main/CONTRIBUTING.md)  

  

## License

- GPLv3