Overview
Design
Frontend
Fullstack
Create Website
Blog
Design
Create font package
Use Figma Tokens with fastn color schemes
Create your own fastn color scheme from Figma json
Modify color scheme package
Create font package
Export typography as json
Typography json to FTD

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.

Follow below steps to download google-font-to-fastn.
  • Goto link: google-font-to-fastn
  • Clone 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 to download font CSS. Here we are going to use Lato font.
  • Goto lato page on Google Font
  • 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…
  • 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 to show your support!
⭐️

Getting Help

Have a question or need help?

Visit our GitHub Q&A discussion to get answers and subscribe to it to stay tuned.

Join our Discord channel and share your thoughts, suggestion, question etc.

Connect with our community!
💻️

Found an issue?

If you find some issue, please visit our GitHub issues to tell us about it.

Join us

We welcome you to join our Discord 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.
Copyright © 2023 - FifthTry.com