$font-weight-icon-default: 300;
$font-weight-icon-brands: 400;
$font-weight-icon-solid: 900;
$font-weight-icon-custom: 400;

@mixin font-awesome {
  //at-root to make sure no nested classes are applied form typo3 project
  @at-root (without: all) {
    @font-face {
      font-family: 'font-awesome';
      src: url('https://fonts.au.dk/fonts/fa6/fa-pro-light-300.otf');
      font-weight: $font-weight-icon-default;
      font-style: normal;
    }

    @font-face {
      font-family: 'font-awesome';
      src: url('https://fonts.au.dk/fonts/fa6/fa-pro-solid-900.otf');
      font-weight: $font-weight-icon-solid;
      font-style: bold;
    }

    @font-face {
      font-family: 'font-awesome-brands';
      src: url('https://fonts.au.dk/fonts/fa6/fa-pro-brands-400.otf');
      font-weight: $font-weight-icon-brands;
      font-style: normal;
    }

    @font-face {
      font-family: 'font-awesome-custom';
      src: url('https://fonts.au.dk/fonts/fa6/fa-pro-custom-400.otf');
      font-weight: $font-weight-icon-custom;
      font-style: normal;
    }
  }
}