html - 浏览器未显示正确的字体

Question

我的 CSS 文件中有这段代码，但浏览器不显示字体:

@font-face {
    font-family: 'font';
    src: url("fonts/FS_Metal.ttf");
}

.menu_head {
    width: 100%;
    position: relative;
    height: 30px;
    font-family: 'font';
}

Answer 1

这应该是跨浏览器

@font-face {
    font-family: 'your_font';
    src: url('../font/your_font.eot');
    src: url('../font/your_font.eot') format('embedded-opentype'),
         url('../font/your_font.woff') format('woff'),
         url('../font/your_font.ttf') format('truetype'),
         url('../font/your_font.svg#your_font') format('svg');
}

.menu_head {font-family:'your_font',serif;}

我正在使用 http://convertfonts.com/ ... 它会为您完成所有工作

还要检查字体文件的路径是否正确