Package Name
fifthtry.github.io/roboto-font
This component consist of Google Roboto font with all it's styles from Thin-100 to Black-900 Italic.
Roboto - fastn font
This component consist of Google Roboto font with all it's styles from Thin-100 to Black-900 Italic.
How to use
Include fifthtry.github.io/roboto-font package into FASTN.ftd file
-- fastn.dependency: fifthtry.github.io/roboto-font as roboto
-- fastn.auto-import: roboto
Inside your .ftd file to add roboto dependency and create custom font as given
in below code:
-- import: fifthtry.github.io/roboto-font/assets as roboto-assets
-- import: fastn
-- How to: define a custom font:-
-- ftd.type roboto-font-desktop:
size.px: 40
weight: 900
font-family: $roboto-assets.fonts.Roboto
-- ftd.type roboto-font-mobile:
size.px: 40
weight: 900
font-family: $roboto-assets.fonts.Roboto
-- ftd.responsive-type roboto-font:
desktop: $roboto-font-desktop
mobile: $roboto-font-mobile
-- How to: invoke a custom font:-
-- ftd.text: Todos os seres humanos nascem livres e iguais em dignidade.
role: $roboto-font
color: $inherited.colors.text-strong
margin-bottom.px: 24
roboto-font
weight 900 40px:
See below how it will render on your browser:
Todos os seres humanos nascem livres e iguais em dignidade.