css 在Webkit-brower中快速修复渲染@ font-face

Posted 2021-05-13

/* Add this beside the typical @font-face declaration in CSS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'HelveticaNeueBold';
    src: url('fonts/HelveticaNeueBold.svg') format('svg');
  }
}

/*The @media query targets webkit browsers and tells them to solely utilize the .SVG file. In my experience this improves rendering on Windows Chrome.*/