Question

我遇到的问题是蒙特塞拉托900在Chrome中无法正确渲染，但在Firefox中却很好。

这是pen，可以在两种浏览器中查看问题。

我尝试从谷歌下载蒙特塞拉特900，将其转换为多种格式并使用@ font-face

在本地加载

@font-face {
  font-family: 'MontserratBlack';
  src: url('fonts/montserrat-black-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/montserrat-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/montserrat-black-webfont.woff') format('woff'), /* Pretty Modern Browsers */
  url('fonts/montserrat-black-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('fonts/montserrat-black-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

然后使用

font-family: "MontserratBlack", "Montserrat", sans-serif;

无论我想渲染什么字体重900，仍然没有雪茄。

有人有什么想法吗？我的头发已经用尽了。

编辑：问题出现在Windows 10中，在Windows 8.1上没问题

干杯

蒙特塞拉特900不在Chrome中渲染

0 个答案: