fonts.css ：
@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');
}
元素获得正确的font-family属性，但样式混乱了。例如，ubuntu-medium显示为常规权重，ubuntu-bold显示为中等重量字体。我试图在元素级别和font-weight中设置@font-face属性，但它没有带来成功。在Chrome或Firefox中正常运行。有办法解决这个问题吗？