davidsneighbour / kollitsch.dev

Content and website setup for kollitsch.dev
https://kollitsch.dev
Other
9 stars 0 forks source link

feat: create and document procedures for a font subset of the logo font #190

Closed davidsneighbour closed 1 year ago

davidsneighbour commented 1 year ago

create a font subset of the logo font for "kollitsch.dev*" and use instead of the SVG file currently in place.

write a nice self-congratulatory post about it.

davidsneighbour commented 1 year ago

see https://www.fontsquirrel.com/tools/webfont-generator

Create Your Own @font-face Kits » Font Squirrel
Create Your Own @font-face Kits by uploading the fonts you want to use.
davidsneighbour commented 1 year ago

Currently the logo is SVG, not font. Thinking about using a script to get the fonts in question out into it's own font.

see:

Creating font subsets | Dev Diary
Improve the typography and the performance of your site by creating custom font subsets.
Create Your Own @font-face Kits » Font Squirrel
Create Your Own @font-face Kits by uploading the fonts you want to use.
Subsetting Fonts with Glyphhanger | A Faster Web
Glyphhanger provides a flexible tool to subset your fonts for the web.
GitHub
GitHub - foliojs/fontkit: An advanced font engine for Node and the browser
An advanced font engine for Node and the browser. Contribute to foliojs/fontkit development by creating an account on GitHub.
Creating font subsets | Dev Diary
Improve the typography and the performance of your site by creating custom font subsets.
davidsneighbour commented 1 year ago

Added the font as webfont and found some deeper issues with the used webfonts while at it.