blog/src/styles/base/fonts.css

@import url('@fontsource/blaka');
@import url('@fontsource-variable/geist-mono');
@import url('@fontsource-variable/geist');

@font-face {
  font-family: 'Unigrim Dee';
  font-weight: 400;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/UnigrimDee-Regular.woff2') format('woff2');
}

/**

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 300;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-Light.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 400;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-Regular.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 700;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 900;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-Heavy.woff2') format('woff2');
}

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 300;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-LightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 400;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-Italic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 700;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-BoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Slab';
  font-weight: 900;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/IosevkaSlabQp/IosevkaSlabQp-HeavyItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Mono';
  font-weight: 400;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/IosevkaSansMono/IosevkaSansMono-Regular.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Mono';
  font-weight: 700;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/IosevkaSansMono/IosevkaSansMono-Bold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Mono';
  font-weight: 900;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/IosevkaSansMono/IosevkaSansMono-ExtraBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Mono';
  font-weight: 400;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/IosevkaSansMono/IosevkaSansMono-Italic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Mono';
  font-weight: 700;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/IosevkaSansMono/IosevkaSansMono-BoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Iosevka Mono';
  font-weight: 900;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/IosevkaSansMono/IosevkaSansMono-ExtraBoldItalic.woff2')
    format('woff2');
    }
**/

@font-face {
  font-family: 'Julia Mono';
  font-weight: 300;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-Light.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 400;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-Regular.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 500;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-Medium.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 600;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-SemiBold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 700;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-Bold.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 900;
  font-style: normal;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-Black.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 300;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-LightItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 400;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-RegularItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 500;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-MediumItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 600;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-SemiBoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 700;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-BoldItalic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Julia Mono';
  font-weight: 900;
  font-style: italic;

  font-display: swap;
  src: url('/src/fonts/JuliaMono/JuliaMono-BlackItalic.woff2')
    format('woff2');
}