在我之前的一个问题中,有人向我指出“ woff2 ”格式在Microsoft Edge上不起作用。因此,如果我希望我的网站在 Microsoft Edge 中看起来不错,我必须使用 @font-face 的替代语法。
原始 CSS
@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(http://fonts.gstatic.com/s/dosis/v4/RPKDmaFi75RJkvjWaDDb0vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');}
@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:local('Dosis Bold'), local('Dosis-Bold'), url(http://fonts.gstatic.com/s/dosis/v4/22aDRG5X9l7obljtz7tihvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');}
建议的 CSS
@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'),
url('myfont-webfont.woff') format('woff'),
url('myfont-webfont.ttf') format('truetype'),
url('myfont-webfont.svg#svgFontName') format('svg');
}
所以我想做的是为“Dosis”找到所有其他格式(truetype、woff 等),例如..
我用过:http : //webfonts.azurewebsites.net/?fontname=Dosis 它只给了我 400 重量的 Dosis 版本。
您是否知道其他方法,以便我能够以必要的格式获得正确版本的 Dosis?