css – 直到窗口在chrome中调整大小后才会显示字体

前端之家收集整理的这篇文章主要介绍了css – 直到窗口在chrome中调整大小后才会显示字体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用angular2和webpack。像我这样加载我的字体:
@font-face {
  font-family: 'bpmonoregular';
  src: url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.eot');
  src: url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.eot?#iefix') format('embedded-opentype'),url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.woff') format('woff'),url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.ttf') format('truetype'),url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.svg#bpmonoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

如果在我的CSS中,我增加字体大小百分比,字体不会显示,除非它的第一个组件加载。只要我切换页面,它就会消失。如果我调整窗口大小,它会显示出来。

这只会在chrome中发生

解决方法

您可以尝试使用document.ready上的代码来触发一个window.resize作为解决方法

猜你在找的CSS相关文章