映射font-face以实现相同的字体

Question

@font-face {
    font-family: "EurekaSans";
    src: url("fonts/EurekaSans-Regular.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "EurekaSans";
    src: url("fonts/EurekaSans-Bold.otf");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "EurekaSans";
    src: url("fonts/EurekaSans-RegularItalic.otf");
    font-style: italic, oblique;
    font-weight: normal;
}
@font-face {
    font-family: "EurekaSans";
    src: url("fonts/EurekaSans-MediumItalic.otf");
    font-weight: bold;
    font-style: italic, oblique;
}

这里我试图根据font-weight和font-style映射不同的字体，但它不能完成这项工作..它只使用斜体版本。有人发现了这个问题吗？