使用YepNope/Modernizr加载外部Google Fonts样式表时,可以使用以下方法来实现:
YepNope是一个JavaScript库,可以用来检测浏览器是否支持某些特性,并根据检测结果执行相应的操作。在这种情况下,我们可以使用YepNope来检测浏览器是否支持Web Fonts,如果支持,则加载Google Fonts样式表。
首先,需要在HTML文件中引入YepNope库:
然后,可以使用以下代码来检测浏览器是否支持Web Fonts,并根据检测结果加载Google Fonts样式表:
yepnope({
test: document.documentElement.clientWidth,
nope: 'https://fonts.googleapis.com/css?family=Roboto',
callback: function (url) {
if (url) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = url;
document.head.appendChild(link);
}
}
});
Modernizr是一个JavaScript库,可以用来检测浏览器是否支持各种HTML5和CSS3特性。我们可以使用Modernizr来检测浏览器是否支持Web Fonts,如果支持,则加载Google Fonts样式表。
首先,需要在HTML文件中引入Modernizr库:
然后,可以使用以下代码来检测浏览器是否支持Web Fonts,并根据检测结果加载Google Fonts样式表:
Modernizr.load({
test: Modernizr.fontface,
nope: 'https://fonts.googleapis.com/css?family=Roboto',
callback: function (url) {
if (url) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = url;
document.head.appendChild(link);
}
}
});
这样,就可以使用YepNope/Modernizr库来加载外部Google Fonts样式表了。
领取专属 10元无门槛券
手把手带您无忧上云