RandomMaerks / Overused-Grotesk

A variable sans serif typeface inspired by the classic neo-grotesk Swiss design
SIL Open Font License 1.1
385 stars 10 forks source link

Overused Grotesk Web Variable Fonts #4

Closed husenunicorn closed 1 year ago

husenunicorn commented 1 year ago

Hey thanks for the Overused-Grotesk Typeface it's really cool. 🧊

Here I added Variable Fonts for the web "OverusedGrotesk-VF.woff2", the previous fonts variable file "OverusedGrotesk-VF.ttf" I have compressed (brotli) using the google woff2 library and generates a variable fonts ready to use for the web

RandomMaerks commented 1 year ago

Thank you for the contribution, Husen! I'm glad we're getting at least some progress with webfont support.

I will merge this PR later, but I was wondering if you could include additional document on how to actually build and run the woff2 library properly, mainly because i dont know how to ... , but it could also be really helpful for other contributors. It's fine if you don't want to.

@husenlovedisney

husenunicorn commented 1 year ago

it's very easy, this is how to build google woff2 library and generate binary file to compress ttf file into woff2 ready to use for web.

First make sure you have installed C++ on the system you are using, for Ubuntu you can give a command like this:

sudo apt update 
sudo apt install build-essential

now cloning the woff2 repo it will clone all the directories it contains then use the Brotli compression library as a dependency IMG_20230829_092918

git clone --recursive https://github.com/google/woff2.git

now we will build woff2 and generate a binary file IMG_20230829_100010 make clean all

after a successful build of woff2 we will be able to see the output of the binary file IMG_20230829_100248

Copy overusedGrotesk-VF.ttf font variable file into woff2 directory and compressed it enter the following command: IMG_20230829_101131

./woff2_compress OverusedGrotesk-VF.ttf

Finally, we can see the results of the compression with the name OverusedGrotesk-VF.woff2

sorry if this document may be difficult to understand, but I try to explain it as easily as possible🫣 @RandomMaerks

RandomMaerks commented 1 year ago

This is actually really helpful and straightforward! I've managed to output a .woff2 file using your instructions.

I tried installing the 'woff2' library on my own and I failed miserably. I didn't do the 'sudo apt install build-essential' command earlier, so I couldn't run the 'make' command. Plus, I had completely ignored the presence of the woff2 directory until you mentioned it 😭😭

I really appreciate your effort @husenlovedisney