A webfont package for the Charter font
For more information about the font, see Charter | Butterick's Practical Typography and Bitstream Charter - Wikipedia.
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>First, install the package via npm or yarn.
npm install --save charter-webfontThen 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;
}charter-webfont © Chawye Hsu. Released under the MIT License.
See LICENSE.fonts.txt for the Charter typeface's license.
Blog · GitHub @chawyehsu · Twitter @chawyehsu