tabler/core/scss/fonts/_geist.scss

// Geist Sans Font Family
@use '../config' as *;

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-Thin.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-Thin.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 200;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-UltraLight.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-UltraLight.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 300;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-Light.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-Light.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 400;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-Regular.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 500;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-Medium.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 600;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-SemiBold.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-SemiBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 700;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-Bold.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-Bold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 800;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-Black.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-Black.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 900;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-UltraBlack.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-UltraBlack.ttf') format('truetype');
  font-display: swap;
}

// Geist Sans Variable Font
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  src:
    url('#{$assets-base}/fonts/geist-sans/Geist-Variable.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-sans/Geist-Variable.ttf') format('truetype');
  font-display: swap;
}

// Geist Mono Font Family
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Thin.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Thin.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 200;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-UltraLight.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-UltraLight.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 300;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Light.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Light.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Regular.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Medium.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-SemiBold.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-SemiBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 700;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Bold.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Bold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 800;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Black.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Black.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 900;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-UltraBlack.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-UltraBlack.ttf') format('truetype');
  font-display: swap;
}

// Geist Mono Variable Font
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  src:
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Variable.woff2') format('woff2'),
    url('#{$assets-base}/fonts/geist-mono/GeistMono-Variable.ttf') format('truetype');
  font-display: swap;
}