https://github.com/chawyehsu/charter-webfont
webfont package for the Bitstream Charter typeface
https://github.com/chawyehsu/charter-webfont
charter font npm package typeface webfont
Last synced: 12 months ago
JSON representation
webfont package for the Bitstream Charter typeface
- Host: GitHub
- URL: https://github.com/chawyehsu/charter-webfont
- Owner: chawyehsu
- License: mit
- Created: 2017-10-06T11:17:49.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-02-22T04:08:28.000Z (over 2 years ago)
- Last Synced: 2025-05-11T22:45:39.447Z (about 1 year ago)
- Topics: charter, font, npm, package, typeface, webfont
- Language: CSS
- Homepage: https://chawyehsu.github.io/charter-webfont
- Size: 295 KB
- Stars: 5
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
charter-webfont
===============
> A webfont package for the Charter font
[![demo][demo-badge]][demo-url] [![npm][npm-badge]][npm-url] [![lcense][license-badge]][license-url] [![npm][download-badge]][npm-url] [![jsdelivr][jsdelivr-badge]][jsdelivr-url]
For more information about the font, see [Charter | Butterick's Practical Typography][charter-url] and [Bitstream Charter - Wikipedia][charter-wiki].
## Usage
#### Use jsDelivr
Put the jsDelivr `` into your html head, then set your font-family to use `Charter`. For example:
```html
body {
font-family: "Charter", sans-serif;
}
```
#### Use NPM
First, install the package via npm or yarn.
```sh
npm install --save charter-webfont
```
Then import the css to your main css style file and set your font-family to use `Charter`.
```css
@import 'node_modules/charter-webfont/charter.css';
body {
font-family: "Charter", sans-serif;
}
```
## License
**charter-webfont** © [Chawye Hsu](https://github.com/chawyehsu). Released under the [MIT](LICENSE) License.
See [LICENSE.fonts.txt](LICENSE.fonts.txt) for the Charter typeface's license.
> [Blog](https://chawyehsu.com) · GitHub [@chawyehsu](https://github.com/chawyehsu) · Twitter [@chawyehsu](https://twitter.com/chawyehsu)
[demo-badge]: https://img.shields.io/badge/online-demo-blue.svg?style=flat-square
[demo-url]: https://chawyehsu.github.io/charter-webfont
[npm-badge]: https://img.shields.io/npm/v/charter-webfont.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/charter-webfont
[license-badge]: https://img.shields.io/npm/l/charter-webfont.svg?style=flat-square
[license-url]: LICENSE
[download-badge]: https://img.shields.io/npm/dt/charter-webfont.svg?style=flat-square
[jsdelivr-badge]: https://data.jsdelivr.com/v1/package/npm/charter-webfont/badge
[jsdelivr-url]: https://www.jsdelivr.com/package/npm/charter-webfont
[charter-url]: https://practicaltypography.com/charter.html
[charter-wiki]: https://en.wikipedia.org/wiki/Bitstream_Charter