$karla-font-path: "/fonts/karla/" !default;

@font-face {
    font-family: 'Karla';
    src: url("#{$karla-font-path}Karla-VariableFont_wght.ttf") format("truetype");
}
@font-face {
    font-family: 'Karla Italic';
    src: url("#{$karla-font-path}Karla-Italic-VariableFont_wght.ttf") format("truetype");
}