Google webfonts render choppy in Chrome on Windows

前端 未结 12 1484
遇见更好的自我
遇见更好的自我 2020-12-04 06:29

I use the Google Webfonts service on my website and rely heavily on it. It renders fine on most browsers, but in Chrome on Windows it renders especially bad. Very choppy and

12条回答
  •  离开以前
    2020-12-04 06:47

    I've tried a number of solutions and finally came up with one that works with newer versions of Chrome which don't fall for changing the order of the files:

    Essentially, I moved the TTF file into a Mozilla specific section.

    @font-face {
        font-family: 'MyWebFont';
        src: url('webfont.eot'); 
        src: url('webfont.eot?#iefix') format('embedded-opentype'),
             url('webfont.svg#svgFontName') format('svg'),
             url('webfont.woff') format('woff');
    }
    @-moz-font-face {
        font-family: 'MyWebFont';    
        src: url('webfont.ttf')  format('truetype');
    }
    

提交回复
热议问题