How to create `font` package

Follow below instructions:

How to use google-font-to-fastn package

While creating new `fastn` font package you need to download [google-font-to-fastn](https://github.com/FifthTry/google-font-to-fastn). Follow below steps to download [google-font-to-fastn](https://github.com/FifthTry/google-font-to-fastn). - Goto link: [google-font-to-fastn](https://github.com/FifthTry/google-font-to-fastn) - Clone [google-font-to-fastn](https://github.com/FifthTry/google-font-to-fastn) repository into your local - Check if python is installed Or install python. - Once you installed `python3` on your machine, install `requests` via using below command on command prompt

python3 -m pip install requests

Lang:

python

How to copy Google Font CSS

Follow Below steps on [https://fonts.google.com/specimen/Lato?query=lato](https://fonts.google.com/specimen/Lato?query=lato) to download font CSS. Here we are going to use `Lato` font. - Goto [lato page on Google Font](https://fonts.google.com/specimen/Lato?query=lato) - Select all font stypes by clicking on `+ Select this style link` - Right sidebar you will see selected fonts - check if only `Lato` font styles are present - Right sidebar bottom from the `Use on the web` section click on `@import` radio - Copy `Google Font` url e.g. [Click here...](https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap) - Open it in new tab on the same browser window - Copy all `CSS` styles by selecting all styles - `ctrl+a`(windows) and `ctrl+c` OR `command+a` and `command+c` (macOS) - open `google-font-to-fastn` repository folder into SubLimeText editor - open `font.txt` file - paste Google Font CSS code into `font.txt` file

Create new `fastn` font package on `GitHub.com`

Create new repository on your GitHub account, here we are creating package for `Lato` font so package name should be e.g. `https://github.com/FifthTry/lato-font` (replace `FifthTry` with your github account name). - Once you create new repository named `lato` - Clone this newly created repository onto your local machine - Goback to `SubLimeText` editor with `google-font-to-fastn` repository - open `read_google_font.py` file, search for `package_name` - change the package name with your `lato` repository package name

package_name = "fifthtry.github.io/inter-font"
name = "inter"

Lang:

python

Change above lines with:

package_name = "fifthtry.github.io/lato-font"
name = "lato"

Lang:

python

Run `read_google_font.py` file on command prompt

python3 read_google_font.py

Lang:

terminal-command

- Open `google-font-to-fastn` repository into `SubLimeText` editor - Copy `FASTN.ftd` file and paste it to your repository - Copy `static` folder and paste it to your repository - Run `fastn build` on your repository - Push repository code to `GitHub`

Support `fastn`!

Enjoying `fastn`? Please consider giving us a star ⭐️ on [GitHub](https://github.com/fastn-stack/fastn) to show your support!

[⭐️](https://github.com/fastn-stack/fastn)

Getting Help

Have a question or need help? Visit our [GitHub Q&A discussion](https://github.com/fastn-stack/fastn/discussions/categories/q-a) to get answers and subscribe to it to stay tuned. Join our [Discord](https://discord.gg/a7eBUeutWD) channel and share your thoughts, suggestion, question etc. Connect with our [community](/community/)!

[💻️](/community/)

Found an issue?

If you find some issue, please visit our [GitHub issues](https://github.com/fastn-stack/fastn/issues) to tell us about it.

Quick links:

- [Install `fastn`](install/) - [Create `fastn` package](create-fastn-package/) - [Expander Crash Course](expander/) - [Syntax Highlighting in Sublime Text](/sublime/)

Join us

We welcome you to join our [Discord](https://discord.gg/a7eBUeutWD) community today. We are trying to create the language for human beings and we do not believe it would be possible without your support. We would love to hear from you.