以下网站 ( http://www.ecu.edu/english/tpc/tpcintern/index.cfm ) 应该使用 Google Web Fonts,并且字体在除 Safari 之外的所有浏览器中都能完美显示。使用的Javascript是:
WebFontConfig = {
google: { families: [ 'Lato:100:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
我意识到 JS 不使用标签,但我删除了它们,因为 CommonSpot 需要删除它们。实际上使用了几种不同的 Web 字体,但是除了相关的字体信息之外,每种字体的 JS 都是相同的。CSS的一个例子是这样的:
#navigation {
font-family: 'Lato', sans-serif;
font-size: 1.3em;
font-style: normal;
float: left;
margin: .5em 0 0 .5em;
width: 70%;
height: 2em;
position: relative;
padding: .5em 0;
text-transform: uppercase;
font-size: 1em;
background-color: #592a8a;
}
最后,网络字体由谷歌托管,如果这有所作为(我认为它不会,因为它们似乎在其他浏览器中工作?)。