How to download fonts from MyFonts using Inspect Element?

[jayandrewboy]

Hello!

This is my first message and I wanted to share something I've been exploring. Someday I hope to download any fonts I like, it's pretty good to experiment with new designs.

I recently discovered some interesting fonts on MyFonts, but I'm unsure how to download them. I've been looking for scripts, tutorial videos, and resources to help me understand the process of downloading fonts from MyFonts. Unfortunately, I haven't found much help.

Here's some code I got recently:

const base64Data = 'RESPONSE_HERE';
const base64Content = base64Data.split(',')[1];
const binaryData = atob(base64Content);
const uint8Array = new Uint8Array(binaryData.length);
 
for (let i = 0; i < binaryData.length; i++) {
    uint8Array[i] = binaryData.charCodeAt(i);
}
 
const blob = new Blob([uint8Array], { type: 'font/woff2' });
 
const downloadLink = document.createElement('a');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'YourFontName.woff2'; 
downloadLink.click();

In comparison, other font sites such as Paratype, Parachute Fonts, and Font Bros seem easier to navigate and download.

For example, I downloaded a WOFF2 font file, made some edits in FontLab, resolved some stuff, and then exported the font files. However, I'm still not sure how to make a variable font, and that's something I'd like to learn as well.

If anyone has any helpful tips, scripts, or comments on how to download fonts from MyFonts, I'd appreciate it.

I apologize for any confusion in my explanation of your help.

Thank you and peace out!