@talentsoft-opensource/hylia/utilities/fonts.less

The Hylia design systems. Contains all the building blocks style rules for Talentsoft.

@font-path: '../assets/fonts';

/*
* import fonts roboto
*/
@font-face {
    font-family: 'roboto_black';
    src: url('@{font-path}/roboto-black.woff2') format('woff2'),
    url('@{font-path}/roboto-black.ttf') format('truetype'),
    url('@{font-path}/roboto-black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'roboto_black-italic';
    src: url('@{font-path}/roboto-blackitalic.woff') format('woff'),
    url('@{font-path}/roboto-blackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'roboto_bold';
    src: url('@{font-path}/roboto-bold-webfont.svg') format('svg'),
    url('@{font-path}/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'roboto_bold-italic';
    src: url('@{font-path}/roboto-bolditalic-webfont.woff') format('woff'),
    url('@{font-path}/roboto-bolditalic-webfont.svg') format('svg');
    font-weight: 700;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'roboto_italic';
    src: url('@{font-path}/roboto-italic-webfont.woff') format('woff'),
    url('@{font-path}/roboto-italic-webfont.svg') format('svg');
    font-weight: 400;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'roboto_light';
    src: url('@{font-path}/roboto-light-webfont.woff') format('woff'),
    url('@{font-path}/roboto-light-webfont.svg') format('svg');
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'roboto_light-italic';
    src: url('@{font-path}/roboto-lightitalic-webfont.woff') format('woff'),
    url('@{font-path}/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'roboto_medium';
    src: url('@{font-path}/roboto-medium.woff2') format('woff2'),
    url('@{font-path}/roboto-medium.ttf') format('truetype'),
    url('@{font-path}/roboto-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'roboto_medium-italic';
    src: url('@{font-path}/roboto-mediumitalic.woff2') format('woff2'),
    url('@{font-path}/roboto-mediumitalic.ttf') format('truetype'),
    url('@{font-path}/roboto-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'roboto_regular';
    src: url('@{font-path}/roboto-regular-webfont.woff') format('woff'),
    url('@{font-path}/roboto-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'uxp-font';
    src: url('@{font-path}/uxp-font.woff') format('woff'),
    url('@{font-path}/uxp-font.ttf') format('truetype'),
    url('@{font-path}/uxp-font.svg') format('svg'),
    url('@{font-path}/uxp-font.eot') format('eot');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'roboto_thin';
    src: url('@{font-path}/roboto-thin.woff2') format('woff2'),
    url('@{font-path}/roboto-thin.ttf') format('truetype'),
    url('@{font-path}/roboto-thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
  
  }
  
  @font-face {
    font-family: 'roboto_thin-italic';
    src: url('@{font-path}/roboto-thinitalic.woff2') format('woff2'),
    url('@{font-path}/roboto-thinitalic.ttf') format('truetype'),
    url('@{font-path}/roboto-thinitalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
  }
  
  /*
  * import roboto condensed
   */
  @font-face {
    font-family: 'robotocondensed_bold';
    src: url('@{font-path}/robotocondensed-bold-webfont.woff') format('woff'),
    url('@{font-path}/robotocondensed-bold-webfont.svg') format('svg');
    font-weight: 700;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'robotocondensed_bold-italic';
    src: url('@{font-path}/robotocondensed-bolditalic-webfont.woff') format('woff'),
    url('@{font-path}/robotocondensed-bolditalic-webfont.svg') format('svg');
    font-weight: 700;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'robotocondensed_italic';
    src: url('@{font-path}/robotocondensed-italic-webfont.woff') format('woff'),
    url('@{font-path}/robotocondensed-italic-webfont.svg') format('svg');
    font-weight: 400;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'robotocondensed_light';
    src: url('@{font-path}/robotocondensed-light-webfont.woff') format('woff'),
    url('@{font-path}/robotocondensed-light-webfont.svg') format('svg');
    font-weight: 100;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'robotocondensed_light-italic';
    src: url('@{font-path}/robotocondensed-lightitalic-webfont.woff') format('woff'),
    url('@{font-path}/robotocondensed-lightitalic-webfont.svg') format('svg');
    font-weight: 100;
    font-style: italic;
  }
  
  @font-face {
    font-family: 'robotocondensed_regular';
    src: url('@{font-path}/robotocondensed-regular-webfont.woff') format('woff'),
    url('@{font-path}/robotocondensed-regular-webfont.svg') format('svg');
    font-weight: 400;
    font-style: normal;
  }
  
  /*
  * import icons
   */
  @font-face {
    font-family: 'talentsoft-font-icons';
    src: url('@{font-path}/talentsoft-font-icons.eot?60qsgy');
    src: url('@{font-path}/talentsoft-font-icons.eot?60qsgy#iefix') format('embedded-opentype'),
    url('@{font-path}/talentsoft-font-icons.ttf?60qsgy') format('truetype'),
    url('@{font-path}/talentsoft-font-icons.woff?60qsgy') format('woff'),
    url('@{font-path}/talentsoft-font-icons.svg?60qsgy#talentsoft-font-icons') format('svg');
    font-weight: normal;
    font-style: normal;
  }