https://github.com/adenugbamichael/typekit-font-downloader

A simple to use Typekit font downloader so you can include Typekit fonts in your local environment without using a CDN
https://github.com/adenugbamichael/typekit-font-downloader

Last synced: 2 months ago
JSON representation

A simple to use Typekit font downloader so you can include Typekit fonts in your local environment without using a CDN

• Host: GitHub
• URL: https://github.com/adenugbamichael/typekit-font-downloader
• Owner: adenugbamichael
• License: apache-2.0
• Created: 2024-03-01T01:06:30.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-03-01T07:00:45.000Z (about 1 year ago)
• Last Synced: 2025-01-24T21:31:58.771Z (4 months ago)
• Language: JavaScript
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Typekit font downloader

An open-source tool to download Typekit fonts to your local machine.

# Introduction

With this tool you can download any Typekit font to your local machine. Support for `woff` `woff2` and `opentype` format. 

Give a URL of the typekit fonts and let the script run. It will download all the files to a folder called fonts. Then based on the font definition it will create a new css file with all the url's to the local fonts. 

With this tool you can increase your performance of your website since the site does not need to retrieve the fonts anymore from a local source, instead it has all the files needed locally avaliable.

# Get started

Under the hood this project uses `zx` to execute the scripts. You can install it globally running `npm i -g zx` 

**Requirement**: Node version >= 16.0.0

- Install `node_modules` by running ``npm install`` from the root of the project

- Now with `zx` installed you can run `zx ./script.mjs --url=https://use.typekit.net/qeq2vnm.css` whereby with the `--url` argument you can specify what font-kit to download.

    - You can also make the script an executable by running `chmod +x ./script.mjs` Then you can run the script with `./script.mjs`

- The tool with create a folder ``fonts`` and a folder ``css``. The ``css`` folder contains a file with the font definition which you can include in your own project.

# Acknowlegment

This tool might be against the Terms of Service/EULA of Adobe.