Skip to content

chawyehsu/charter-webfont

Repository files navigation

charter-webfont

A webfont package for the Charter font

demo npm lcense npm jsdelivr

For more information about the font, see Charter | Butterick's Practical Typography and Bitstream Charter - Wikipedia.

Usage

Use jsDelivr

Put the jsDelivr <link> into your html head, then set your font-family to use Charter. For example:

<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/charter-webfont@4/charter.min.css" />
  <style>
    body {
      font-family: "Charter", sans-serif;
    }
  </style>
</head>
<body>
  <!-- blablabla -->
</body>
</html>

Use NPM

First, install the package via npm or yarn.

npm install --save charter-webfont

Then import the css to your main css style file and set your font-family to use Charter.

@import 'node_modules/charter-webfont/charter.css';
body {
  font-family: "Charter", sans-serif;
}

License

charter-webfont © Chawye Hsu. Released under the MIT License.
See LICENSE.fonts.txt for the Charter typeface's license.

Blog · GitHub @chawyehsu · Twitter @chawyehsu