How to use Google Fonts

-- fpm.dependency: fifthtry.github.io/inter

-- fpm.auto-import: fifthtry.github.io/inter as inter

-- fpm.dependency: fifthtry.github.io/inter

-- fpm.auto-import: fifthtry.github.io/inter as inter

-- fpm.type.headline-small.font: $inter.fonts.Inter

-- ftd.text:
role: $fpm.type.heading-small

-- fpm.type.headline-small.font: $inter.fonts.Inter

-- ftd.text:
role: $fpm.type.heading-small

How to create new fpm font package

Follow below instructions:

How to use google-font-to-fpm package

While creating new fpm font package you need to download google-font-to-fpm.

Follow below steps to download google-font-to-fpm.

• Goto link: google-font-to-fpm
• Clone google-font-to-fpm 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

python3 -m pip install requests

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-fpm repository folder into SubLimeText editor
• open font.txt file
• paste Google Font CSS code into font.txt file

Create new fpm 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 (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-fpm 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"
name = "inter"

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

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

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

python3 read_google_font.py

python3 read_google_font.py