Font Family

Font-family utility classes:

In CodyFrame v4, you can add additional font families by passing the $font-family map to the config module in your style.scss file.

@use 'config' as * with (
  $font-family: (
    'primary': 'system-ui, sans-serif',
    'secondary': 'serif'
  )
);

The above map will generate a list of CSS variables:

:root {
  --font-primary: system-ui, sans-serif;
  --font-secondary: serif;
}

The additional utility classes (e.g., .font-secondary) will be generated automatically.

In CodyFrame v3, create additional font-family variables in your custom-style/_typography.scss file.