Typography refers to the art of arranging and styling typefaces to make written language readable and visually appealing. In the context of website creation, typography plays a crucial role in shaping the overall design and user experience.
It involves selecting appropriate fonts, sizes, spacing, and other typographic elements to enhance the readability, convey the intended message, and establish a visual hierarchy.Typography is added through a property of page component of
-- fastn.dependency: fastn-community.github.io/lobster-typography as my-types
-- import: my-types
types property of the
In the previous video, we created the custom component page in the
To highlight the benefit of this approach, there's no need to individually
add the typography to each page.
Instead, by adding the typography once and using
color-scheme will be applied to all pages that utilize
-- component page: optional caption title: optional body body: children wrapper: -- ds.page: $page.title body: $page.body wrapper: $page.wrapper types: $my-types.types ;; content goes here -- end: ds.page -- end: page
Thank you guys, keep watching these videos to learn more about fastn.Support us by giving a star ⭐ on GitHub and join our fastn community on Discord.