tw-runner/mysite/assets/css/typography/fonts.css

Run and manage Tower Website projects with this utility.

:root {
  /* Font Families */
  --font-primary: 'Press Start 2P', 'Courier New', monospace;
  --font-secondary: 'Nunito', 'Segoe UI', 'Helvetica Neue', sans-serif;
  --font-accent: 'Bangers', 'Impact', 'Arial Black', sans-serif;

  /* Base Size and Scale */
  --base-size: 1rem;
  --scale-ratio: 1.25;

  /* Type Scale */
  --text-xs: calc(var(--base-size) / var(--scale-ratio));
  --text-sm: var(--base-size);
  --text-md: calc(var(--base-size) * var(--scale-ratio));
  --text-lg: calc(var(--base-size) * var(--scale-ratio) * 2);
  --text-xl: calc(var(--base-size) * var(--scale-ratio) * 3);
  --text-2xl: calc(var(--base-size) * var(--scale-ratio) * 4);
  --text-3xl: calc(var(--base-size) * var(--scale-ratio) * 5);

  /* Line Heights */
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.8;
}