Changing Typography

Typography in the context of our `doc-site refers to the style, arrangement, and presentation of text on doc-site pages. It involves selecting and combining fonts, determining font sizes, line spacing, and other typographic elements to enhance readability, convey information effectively, and create a visually appealing design.

doc-site uses fastn Roboto Font Typography. If you wish to update it, choose a typography from our fastn-community typographies.

How to add a typography?

To add typography to your fastn web sites. Edit your FASTN.ftd file and add typography dependency into it.

In the below example, we are using Inter Typography typography.

Add typography dependency into your FASTN.ftd file as shown in below example:

-- fastn.dependency: fastn-community.github.io/inter-typography

Lang:

ftd

Now modify FASTN/ds.ftd module which is already added inside your fastn package.

Import inter-typography dependency into FASTN/ds.ftd

-- import: fastn-community.github.io/inter-typography

Lang:

ftd

Change -- component page typography property ftd.type-data typography: $roboto-typography.types with ftd.type-data typography: $inter-typography.types

replace this line of FASTN/ds.ftd file:

-- ftd.type-data typography: $roboto-typography.types

Lang:

ftd

with:

-- ftd.type-data typography: $inter-typography.types

Lang:

ftd

Deploy or run fastn serve on your localhost. Access your localhost in the browser e.g.http://127.0.0.1:8000/ you will see page typography is changed with inter-typography