@mixin vf-b-typography-fontfaces {
  @at-root {
    @if str-index($font-base-family, 'Ubuntu') {
      // Default font-display option
      @font-face {
        font-family: 'Ubuntu variable';
        font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
        font-style: normal;
        font-weight: 100 800; /*  min and max value for the weight axis */
        src: url('#{$assets-path}f1ea362b-Ubuntu%5Bwdth,wght%5D-latin-v0.896a.woff2') format('woff2-variations');
      }

      @font-face {
        font-family: 'Ubuntu variable';
        font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
        font-style: italic;
        font-weight: 100 800; /*  min and max value for the weight axis */
        src: url('#{$assets-path}90b59210-Ubuntu-Italic%5Bwdth,wght%5D-latin-v0.896a.woff2') format('woff2-variations');
      }

      @font-face {
        font-family: 'Ubuntu Mono variable';
        font-style: normal;
        font-weight: 100 800; /*  min and max value for the weight axis */
        src: url('#{$assets-path}d5fc1819-UbuntuMono%5Bwght%5D-latin-v0.869.woff2') format('woff2-variations');
      }

      @if $font-allow-cyrillic-greek-latin {
        // cyrillic-ext
        @font-face {
          font-family: 'Ubuntu variable';
          font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
          font-style: normal;
          font-weight: 100 800; /*  min and max value for the weight axis */
          src: url('#{$assets-path}77cd6650-Ubuntu%5Bwdth,wght%5D-cyrillic-extended-v0.896a.woff2') format('woff2-variations');
          unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
        }

        // cyrillic
        @font-face {
          font-family: 'Ubuntu variable';
          font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
          font-style: normal;
          font-weight: 100 800; /*  min and max value for the weight axis */
          src: url('#{$assets-path}2702fce5-Ubuntu%5Bwdth,wght%5D-cyrillic-v0.896a.woff2') format('woff2-variations');
          unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        // greek-ext
        @font-face {
          font-family: 'Ubuntu variable';
          font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
          font-style: normal;
          font-weight: 100 800; /*  min and max value for the weight axis */
          src: url('#{$assets-path}5c108b7d-Ubuntu%5Bwdth,wght%5D-greek-extended-v0.896a.woff2') format('woff2-variations');
          unicode-range: U+1F00-1FFF;
        }

        // greek
        @font-face {
          font-family: 'Ubuntu variable';
          font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
          font-style: normal;
          font-weight: 100 800; /*  min and max value for the weight axis */
          src: url('#{$assets-path}0a14c405-Ubuntu%5Bwdth,wght%5D-greek-v0.896a.woff2') format('woff2-variations');
          unicode-range: U+0370-03FF;
        }

        // latin-ext
        @font-face {
          font-family: 'Ubuntu variable';
          font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
          font-style: normal;
          font-weight: 100 800; /*  min and max value for the weight axis */
          src: url('#{$assets-path}19f68eeb-Ubuntu%5Bwdth,wght%5D-latin-extended-v0.896a.woff2') format('woff2-variations');
          unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
        }
      }
    }
  }
}