Typography View Source



The Filecoin Client uses Inter and Jet Brains.



Imports



Import React and the typography components. If needed, import the ViewSourceLink component.

0
import { H1, H2, H3, H4, P, UL, OL, LI } from "slate-react-system";
1
import ViewSourceLink from "~/components/system/ViewSourceLink";


Typescale



1.953rem   Semi Bold

This is heading level 1


1.563rem   Medium

This is heading level 2


1.25rem   Medium

This is heading level 3


1rem   Medium

This is heading level 4



0
<H1>This is heading level 1</H1>
1
2
<H2>This is heading level 2</H2>
3
4
<H3>This is heading level 3</H3>
5
6
<H4>This is heading level 4</H4>


Type Styles



This text is bold
This text is italic
This text is underlined


0
<P css={STYLES_BOLD}>This text is bold</P>
1
2
<P css={STYLES_ITALIC}>This text is italic</P>
3
4
<P css={STYLES_UNDERLINE}>This text is underlined</P>


Typefaces



Inter

a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9


Jet Brains

a b c d e f g h i j k l m n o p q r s t u v w x y z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9


Ordered and Unordered Lists



  1. Rainbow
  2. Cloud
  3. Cake

  • Cloud
  • Cake
  • Rainbow


0
<OL>
1
  <LI>Rainbow</LI>
2
  <LI>Cloud</LI>
3
  <LI>Cake</LI>
4
</OL>
5
6
<UL>
7
  <LI>Cloud</LI>
8
  <LI>Cake</LI>
9
  <LI>Rainbow</LI>
10
</UL>


Hyperlinks



Internal References Link to a page
External References View Source


0
<P>
1
  <a href="https://slate.host"
2
  target="_blank">
3
    Link to a page
4
  </a>
5
</P>
6
7
<P>
8
  <ViewSourceLink file="system/typography.js" />
9
</P>


ExperiencesCreateFilecoinAddressCreateFilecoinStorageDealCreateTokenFilecoinBalancesListFilecoinDealsListFilecoinSettingsFriendsListPeersListSendAddressFilecoin

Components
Avatar GroupButtonsCard TabsCarouselCheckboxesColorsDatepickerDropdownsGlobeHover TileIconsInputsLine ChartList EditorLoadersModalsNotificationsRadiosSlidersStatsTablesTabsTogglesTooltipsTypography
View source