Browser is not displaying the correct font
问题 I have this code in my CSS file, but the browser doesn't display the font: @font-face { font-family: 'font'; src: url("fonts/FS_Metal.ttf"); } .menu_head { width: 100%; position: relative; height: 30px; font-family: 'font'; } 回答1: this should be crossbrowser @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('.