@font-family-name__bold: "Open Sans Bold";

.lib-ttf-font-face(
    @family-name,
    @font-path,
    @font-weight: normal,
    @font-style: normal
) {
    @font-face {
        font-family: @family-name;
        src: url("@{font-path}.ttf") format("truetype");
        font-weight: @font-weight;
        font-style: @font-style;
    }
}

.lib-ttf-font-face(
    @family-name: @font-family-name__base,
    @font-path: "@{baseDir}fonts/OpenSans-VariableFont_wdth,wght",
    @font-weight: normal,
    @font-style: normal
);

.lib-ttf-font-face(
    @family-name: @font-family-name__bold,
    @font-path: "@{baseDir}fonts/OpenSans-VariableFont_wdth,wght",
    @font-weight: 600,
    @font-style: normal
);

.lib-ttf-font-face(
    @family-name: @font-family-header-name__base,
    @font-path: "@{baseDir}fonts/Raleway-VariableFont_wght",
    @font-weight: normal,
    @font-style: normal
);

.lib-ttf-font-face(
    @family-name: @font-family-header-name__bold,
    @font-path: "@{baseDir}fonts/Raleway-VariableFont_wght",
    @font-weight: 600,
    @font-style: normal
);