Typography

Font famaily is added using Google Fonts.

To modify the font family go to public/index.html and add your Google Font.

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
    <title>
      theFront | UI Kit by Maccarian Agency.
    </title>
  </head>
  <body>

  </body>
</html>

For more information, please visit MUI typography API.

Typography variants

body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="body1">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="body2">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="subtitle1">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="subtitle2">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

caption. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="caption">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

button. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="button">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

overline. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="overline">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

srOnly. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="srOnly">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

h6. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="h6">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

h5. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="h5">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

h4. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="h4">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

h3. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="h3">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

h2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="h2">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

h1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

<Typography variant="h1">
  Loipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
</Typography>

首页

文档

Purchase now

当您访问我们的网站、服务或工具或与之互动时，我们或我们的授权服务提供商可能会使用cookie来存储信息，以帮助您提供更好、更快、更安全的体验，并用于营销目的。