我正在使用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文件位于同一文件夹中。是真的吗(如果没有,请添加文件夹/文件路径)