Question

我在我的网站上使用Lato字体，当我从fonts文件夹中引用字体时，Mozilla和chrome没有呈现字体，然后我在css文件中使用了嵌入式woff，它工作正常但是css文件已经变成了大尺寸。

我的问题是，当我从外部文件夹引用时，为什么字体不能正常工作，但是当我在css中嵌入时，同样工作正常？

/* Webfont: ../fonts/Lato-Regular */@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

Answer 1

删除text-rendering并检查相同的

更新：

试试这个

@font-face{font-family:'Lato-Regular';
src: url('../Lato-Regular.eot');
src: url('../Lato-Regular.eot?#iefix') format('embedded-opentype'),
     url('../Lato-Regular.woff') format('woff'),
     url('../Lato-Regular.ttf') format('truetype'),
     url('../Lato-Regular.svg#Lato-Regular') format('svg');
font-weight:normal;
font-style:normal;

}

.woff字体文件在现代浏览器中效果不佳

1 个答案:

更新：