$font-path: "@/fonts"; @font-face { font-display: swap; font-family: Barlow-Light; font-style: normal; font-weight: bold; src: url("#{$font-path}/barlow/Barlow-Light.ttf") format("truetype"); } @font-face { font-display: swap; font-family: Barlow-Regular; font-style: normal; font-weight: bold; src: url("#{$font-path}/barlow/Barlow-Regular.ttf") format("truetype"); } @font-face { font-display: swap; font-family: Barlow-Bold; font-style: normal; font-weight: bold; src: url("#{$font-path}/barlow/Barlow-Bold.ttf") format("truetype"); } @font-face { font-display: swap; font-family: FilmotypeLucky; font-style: normal; font-weight: normal; src: url("#{$font-path}/filmotypelucky/FilmotypeLucky.otf") format("truetype"); }