Example of my fonts.css
:
/* From: https://practicaltypography.com/charter.html */
@font-face {
font-family: "Charter";
font-style: normal;
src: url(data:font/woff2;base64,<data>)
}
@font-face {
font-family: "Charter";
font-weight: bold;
src: url(data:font/woff2;base64,<data>)
}
@font-face {
font-family: "Charter";
font-style: italic;
src: url(data:font/woff2;base64,<data>)
}
@font-face {
font-family: "Charter";
font-weight: bold;
font-style: italic;
src: url(data:font/woff2;base64,<data>)
}
@font-face {
font-family: "Charter";
font-style: oblique;
src: url(data:font/woff2;base64,<data>)
}
@font-face {
font-family: "Charter";
font-weight: bold;
font-style: oblique;
src: url(data:font/woff2;base64,<data>)
}