我正在使用Meteor框架,并且在main.scss文件中包含以下内容:

@font-face {
    font-family: 'GrandHotel-Regular';
    src: url('GrandHotel-Regular.eot');
    src: url('GrandHotel-Regular.woff2') format('woff2'),
        url('GrandHotel-Regular.woff') format('woff'),
        url('GrandHotel-Regular.ttf') format('truetype'),
        url('GrandHotel-Regular.svg#GrandHotel-Regular') format('svg'),
        url('GrandHotel-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'GrandHotel-Regular';
}


这是行不通的,当我检查选定的字体时,该字体家族应为GrandHotel-Regular,但控制台表示它呈现为Times New Roman。

我在Ubuntu上使用的是Chrome,但由于我的笔记本电脑太旧了,因此无法再进行更新,但是我认为这不是问题的根源,因为过去类似的东西对我有用。

可能出什么问题了?

其他问题,例如:
Font coming out as Times New Roman in Older Browsers

或这一个:
Font proxima_novalight is rendered as Times New Roman

没有解决相同的问题。

最佳答案

字体的url在文件路径中没有任何文件夹,这意味着它们必须与CSS文件位于同一文件夹中。是真的吗(如果没有,请添加文件夹/文件路径)

09-25 19:12