$fonts-family: ["Rounded", "Outlined", "Sharp"]

@each $font-family in $fonts-family
    @font-face
        font-family: Material-Symbols-#{$font-family}-Regular
        src: url("./font/MaterialSymbols#{$font-family}[FILL,GRAD,opsz,wght].ttf")
        src: url("./font/MaterialSymbols#{$font-family}[FILL,GRAD,opsz,wght].woff2") format("woff2")

$weights: ("Thin": 100, "Light": 300, "Regular": 400, "Medium": 500, "Bold": 700, "Black": 900)

@each $name, $weight in $weights
    @font-face
        font-family: Roboto, system-ui
        font-face-name: #{$name}
        font-weight: #{$weight}
        src: url("./font/Roboto-#{$name}.ttf")