我很努力地搜索了答案,但没有找到。我从 www.latofonts.com 下载了 Lato 网页字体,并将以下内容放在我的 css 文件中:
@font-face {
font-family: 'LatoLight';
src: url('fonts/Lato/Lato-Light.eot'); /* IE9 Compat Modes */
src: url('fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
url('fonts/Lato/Lato-Light.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Lato';
src: url('fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
src: url('fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
url('fonts/Lato/Lato-Regular.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
在Mac的所有浏览器(Safari,Chrome,Firefox)和Windows上的Firefox上看起来都非常好,但是在Windows的Chrome浏览器中会出现模糊不清的情况,并且字母的某些部分会缺失,例如大写“T”的顶部。是否有解决方法?