@dnb/eufemia/cjs/style/themes/theme-ui/ui-theme-fonts.css

DNB Eufemia Design System UI Library

/**
 * Import basis core parts
 *
 */
/*
 * Utilities
 */
/*
 * Typography
 *
 * The font-family properties are defined in the properties.scss file, like:
 * --font-family-default:
 *
 */
.dnb-typo-regular {
  font-family: var(--font-family-default);
  font-weight: normal;
  font-style: normal;
}

.dnb-typo-medium {
  font-family: var(--font-family-default);
  font-weight: var(--font-weight-medium);
  font-style: normal;
}

.dnb-typo-bold {
  font-family: var(--font-family-default);
  font-weight: var(--font-weight-bold);
  font-style: normal;
}

.dnb-typo-mono-regular {
  font-family: var(--font-family-monospace);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: DNB;
  src: url("../../../assets/fonts/dnb/DNB-Regular.woff2") format("woff2"), url("../../../assets/fonts/dnb/DNB-Regular.woff") format("woff"), url("../../../assets/fonts/dnb/DNB-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: DNB;
  src: url("../../../assets/fonts/dnb/DNB-Medium.woff2") format("woff2"), url("../../../assets/fonts/dnb/DNB-Medium.woff") format("woff"), url("../../../assets/fonts/dnb/DNB-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: DNB;
  src: url("../../../assets/fonts/dnb/DNB-Bold.woff2") format("woff2"), url("../../../assets/fonts/dnb/DNB-Bold.woff") format("woff"), url("../../../assets/fonts/dnb/DNB-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: DNBMono;
  src: url("../../../assets/fonts/dnb/DNBMono-Regular.woff2") format("woff2"), url("../../../assets/fonts/dnb/DNBMono-Regular.woff") format("woff"), url("../../../assets/fonts/dnb/DNBMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}