我似乎无法在我的服务器上使用我想要的自定义字体，也无法使用我的gulp browsersync演示。
对于h4元素，我在chrome中有@ font-face规则，我可以看到它。
对于font-weight 700，我有Raleway-Regular.woff2，对于font-weight，我有Raleway-Black.woff2：900
如果你把它放在一边就可以看到同样的效果。
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700,900" rel="stylesheet">
.h4,
.h5,
.h6 {
font-family: "Raleway", Arial, sans-serif;
font-weight: 700; /* changing to 800 works for Raleway */
line-height: 1.1;
color: inherit;
}
由于某些原因使用localhost或远程，当我检查H4上的元素时，请查看“计算”选项卡。你可以看到渲染的字体：Arial。
如果我将h4的font-weight修改为“900”，那么它将转到Raleway-Black。如果我将其更改为800，则转到“Raleway-Bold”。但如果我突然去“700”，它就不会渲染Raleway-Regular.woff2 ......它会回到“Arial”。
为什么要显示Arial而不是Raleway-Regular.woff2？
在我的代码中，我正在使用Bootstrap＆amp; gulp with wiredep等。但是除了Font-Awesome和Glyphicons之外，我没有在我的html中看到任何字体。哪个工作正常。
我只有一个用于bootstrap的自定义CSS。我已禁用任何其他bootstrap插件。
Sass也可用，但我呈现的sass文件没有“font-face”或“import”。