How can you choose a typeface?

{
  "fontWeight": 800,
  "fontSize": "2.5rem (40px)",
  "lineHeight": 1.25,
  "@media (min-width:600px)": {
    "fontSize": "3.25rem (52px)"
  },
  "@media (min-width:900px)": {
    "fontSize": "3.625rem (58px)"
  },
  "@media (min-width:1200px)": {
    "fontSize": "4rem (64px)"
  }
}

How can you choose a typeface?

{
  "fontWeight": 800,
  "fontSize": "2rem (32px)",
  "lineHeight": 1.33,
  "@media (min-width:600px)": {
    "fontSize": "2.5rem (40px)"
  },
  "@media (min-width:900px)": {
    "fontSize": "2.75rem (44px)"
  },
  "@media (min-width:1200px)": {
    "fontSize": "3rem (48px)"
  }
}

How can you choose a typeface?

{
  "fontWeight": 700,
  "fontSize": "1.5rem (24px)",
  "lineHeight": 1.5,
  "@media (min-width:600px)": {
    "fontSize": "1.625rem (26px)"
  },
  "@media (min-width:900px)": {
    "fontSize": "1.875rem (30px)"
  },
  "@media (min-width:1200px)": {
    "fontSize": "2rem (32px)"
  }
}

How can you choose a typeface?

{
  "fontWeight": 700,
  "fontSize": "1.25rem (20px)",
  "lineHeight": 1.5,
  "@media (min-width:900px)": {
    "fontSize": "1.5rem (24px)"
  }
}

How can you choose a typeface?

{
  "fontWeight": 700,
  "fontSize": "1.125rem (18px)",
  "lineHeight": 1.5,
  "@media (min-width:600px)": {
    "fontSize": "1.1875rem (19px)"
  }
}

How can you choose a typeface?

{
  "fontWeight": 600,
  "fontSize": "1.0625rem (17px)",
  "lineHeight": 1.56,
  "@media (min-width:600px)": {
    "fontSize": "1.125rem (18px)"
  }
}

How can you choose a typeface?

{
  "fontWeight": 600,
  "fontSize": "1rem (16px)",
  "lineHeight": 1.5
}

How can you choose a typeface?

{
  "fontWeight": 600,
  "fontSize": "0.875rem (14px)",
  "lineHeight": 1.57
}

How can you choose a typeface?

{
  "fontWeight": 400,
  "fontSize": "1rem (16px)",
  "lineHeight": 1.5
}

How can you choose a typeface?

{
  "fontWeight": 400,
  "fontSize": "0.875rem (14px)",
  "lineHeight": 1.57
}

{
  "fontWeight": 400,
  "fontSize": "0.75rem (12px)",
  "lineHeight": 1.5
}

{
  "fontWeight": 700,
  "fontSize": "0.75rem (12px)",
  "lineHeight": 1.5
}

{
  "fontWeight": 700,
  "fontSize": "0.875rem (14px)",
  "lineHeight": 1.71
}