css CSS:Chrome中的字体平滑

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css CSS:Chrome中的字体平滑相关的知识,希望对你有一定的参考价值。

@font-face {
  font-family: 'chunk-webfont';
  src: url('../../includes/fonts/chunk-webfont.eot');
  src: url('../../includes/fonts/chunk-webfont.eot?#iefix') format('eot'),
  url('../../includes/fonts/chunk-webfont.svg') format('svg'),
  url('../../includes/fonts/chunk-webfont.woff') format('woff'),
  url('../../includes/fonts/chunk-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'chunk-webfont';
    src: url('../../includes/fonts/chunk-webfont.svg') format('svg');
  }
}

/* SVG goes before woff!
From http://stackoverflow.com/questions/11487427/is-there-any-font-smoothing-in-google-chrome */

以上是关于css CSS:Chrome中的字体平滑的主要内容,如果未能解决你的问题,请参考以下文章

css 字体平滑css

css CSS:字体平滑抗锯齿

css CSS字体平滑

css CSS字体平滑

css转换上的字体干扰

css 修复chrome中的字体渲染