loop over font styles and its font weights in faces

.md

loop over font styles and its font weights in faces

make sure ./assets/static exists:

for angular, its should be located in ./src/assets/static

.scss

$faces: (
  Thin: 100,
  ExtraLight: 200,
  Light: 300,
  Regular: 400,
  Medium: 500,
  SemiBold: 600,
  Bold: 700,
  ExtraBold: 800,
  Black: 900,
);

@each $style, $weight in $faces {
  @font-face {
    font-family: "Inter";
    src: url('./assets/static/Inter-#{$style}.ttf') format('truetype');
    font-style: to-lower-case(#{$style});
    font-weight: $weight;
    font-display: swap;
  }
}