fonts

Personal webfont CDN.

How make it

Tools used:

• Webify
• ttf2woff2
• otf2ttf (Optional)
• TTF2OTF (Optional)

Fork https://github.com/xz/fonts.

git clone https://github.com/<yourname>/fonts
cd fonts

Modify package.json by yourself.

webify --no-eot --no-svg <fontname>.ttf
cat <fontname>.ttf | ttf2woff2 > <fontname>.woff2
mkdir -p serve\src\<fontname>
mv <fontname>.woff* serve\src\<fontname>\
touch serve\<fontname>.css

@font-face {
    font-family: 'Font Name';
    src: url('src/<fontname>/<fontname>.woff2') format('woff2'),
         url('src/<fontname>/<fontname>.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

git add .
git commit -m "Add <fontname>"
git push

Visit https://github.com/<yourname>/fonts/releases → Draft a new release → Choose a tag → Input a tag liked 0.0.x → Publish release.

Usage

@import url("https://cdn.jsdelivr.net/gh/<yourname>/fonts@master/serve/<fontname>.css");

body {
  font-family: 'Font Name', sans-serif;
}

Reference

• font-weight