Fonts Webkit@font-face无法正常工作

fonts.css：

---

这些元素获得了正确的字体族属性，但是样式混乱。例如，UbuntuMedium显示为常规字体，UbuntuBold显示为中等字体。我尝试在元素级别和@font-face中设置font-weight属性，但没有成功。在Chrome或Firefox中正常工作。有没有办法解决这个问题？

找到了一篇关于这个问题的文章：

@font-face {
    font-family: 'ubuntu';
    src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'ubuntu-bold';
    src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'ubuntu-medium';
    src: url('../fonts/Ubuntu-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'ubuntu-mediumitalic';
    src: url('../fonts/Ubuntu-MediumItalic.ttf') format('truetype');
}