@digitallinguistics/design/global/fonts.less

The design system for Digital Linguistics (DLx) projects.

// Fira Sans

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Light'),
    url(/fonts/Fira/FiraSans-Light.woff2) format('woff2');
  font-display: swap;
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Light Italic'),
    url(/fonts/Fira/FiraSans-LightItalic.woff2) format('woff2');
  font-display: swap;
  font-style:   italic;
  font-weight:  300;
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Regular'),
    url(/fonts/Fira/FiraSans-Regular.woff2) format('woff2');
  font-display: block;
  font-style:   normal;
  font-weight:  normal; // 400
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Italic'),
    url(/fonts/Fira/FiraSans-Italic.woff2) format('woff2');
  font-display: swap;
  font-style:   italic;
  font-weight:  normal; // 400
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Medium'),
    url(/fonts/Fira/FiraSans-Medium.woff2) format('woff2');
  font-display: swap;
  font-style:   normal;
  font-weight:  500;
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Medium Italic'),
    url(/fonts/Fira/FiraSans-MediumItalic.woff2) format('woff2');
  font-display: swap;
  font-style:   italic;
  font-weight:  500;
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans SemiBold'),
    url(/fonts/Fira/FiraSans-SemiBold.woff2) format('woff2');
  font-display: swap;
  font-style:   normal;
  font-weight:  600;
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans SemiBold Italic'),
    url(/fonts/Fira/FiraSans-SemiBoldItalic.woff2) format('woff2');
  font-display: swap;
  font-style:   italic;
  font-weight:  600;
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Bold'),
    url(/fonts/Fira/FiraSans-Bold.woff2) format('woff2');
  font-display: swap;
  font-style:   normal;
  font-weight:  bold;
}

@font-face {
  font-family: 'Fira Sans';
  src:
    local('Fira Sans Bold Italic'),
    url(/fonts/Fira/FiraSans-BoldItalic.woff2) format('woff2');
  font-display: swap;
  font-style:   italic;
  font-weight:  bold;
}

// Fira Mono

@font-face {
  font-family: 'Fira Mono';
  src:
    local('Fira Mono'),
    url(/fonts/Fira/FiraMono-Regular.woff2) format('woff2');
  font-display: swap;
  font-style  : normal;
  font-weight : 400;
}

@font-face {
  font-family: 'Fira Mono';
  src:
    local('Fira Mono Bold'),
    url(/fonts/Fira/FiraMono-Bold.woff2) format('woff2');
  font-display: swap;
  font-style  : normal;
  font-weight : 600;
}

// Libertinus

@font-face {
  font-family: 'Libertinus Serif';
  src:
    local('Libertinus Serif'),
    local('Libertinus Serif Regular'),
    local('Libertinus'),
    local('Linux Libertine'),
    url(/fonts/Libertinus/LibertinusSerif-Regular.woff2) format('woff2');
  font-display: block;
  font-style:   normal;
  font-weight:  400;
  size-adjust:  120%;
}

@font-face {
  font-family: 'Libertinus Serif';
  src:
  local('Libertinus Serif Italic'),
  local('Linux Libertine Italic'),
  url(/fonts/Libertinus/LibertinusSerif-Italic.woff2) format('woff2');
  font-display: swap;
  font-style:   italic;
  font-weight:  400;
  size-adjust:  120%;
}

@font-face {
  font-family: 'Libertinus Serif';
  src:
    local('Libertinus Serif Semibold'),
    local('Linux Libertine Semibold'),
    url(/fonts/Libertinus/LibertinusSerif-Semibold.woff2) format('woff2');
    font-display: swap;
    font-style:   normal;
    font-weight:  600;
    size-adjust:  120%;
  }

  @font-face {
  font-family: 'Libertinus Serif';
  src:
  local('Libertinus Serif Semibold Italic'),
    local('Linux Libertine Semibold Italic'),
    url(/fonts/Libertinus/LibertinusSerif-SemiboldItalic.woff2) format('woff2');
    font-display: swap;
    font-style:   italic;
    font-weight:  600;
    size-adjust:  120%;
  }

@font-face {
  font-family: 'Libertinus Serif';
  src:
  local('Libertinus Serif Bold'),
  local('Linux Libertine Bold'),
  url(/fonts/Libertinus/LibertinusSerif-Bold.woff2) format('woff2');
  font-display: swap;
  font-style:   normal;
  font-weight:  700;
  size-adjust:  120%;
}

@font-face {
  font-family: 'Libertinus Serif';
  src:
  local('Libertinus Serif Bold Italic'),
  local('Linux Libertine Bold Italic'),
  url(/fonts/Libertinus/LibertinusSerif-BoldItalic.woff2) format('woff2');
  font-display: swap;
  font-style:   italic;
  font-weight:  700;
  size-adjust:  120%;
}

@font-face {
  font-family: 'Libertinus Serif Display';
  src:
  local('Libertinus Serif Display'),
  local('Linux Libertine Display'),
  url(/fonts/Libertinus/LibertinusSerifDisplay-Regular.woff2) format('woff2');
  font-display: swap;
  font-style:   normal;
  font-weight:  400;
  size-adjust:  125%;
}