:root {
    --regularFont: NotoSans-Regular;
    --mediumFont: NotoSans-Medium;
    --semiBoldFont:  NotoSans-SemiBold;
    --boldFont: NotoSans-Bold;
}

@font-face {
    font-family: NotoSans-Regular;
    src: url(../fonts/NotoSans-Regular.ttf);
}
@font-face {
    font-family: NotoSans-SemiBold;
    src: url(../fonts/NotoSans-SemiBold.ttf);
}

@font-face {
    font-family: NotoSans-Medium;
    src: url(../fonts/NotoSans-Medium.ttf);
}

@font-face {
    font-family: NotoSans-Bold;
    src: url(../fonts/NotoSans-Bold.ttf);
}

strong , b{
    font-family: var(--boldFont);
}