使用YepNope/Modernizr加载外部Google Fonts样式表

使用YepNope/Modernizr加载外部Google Fonts样式表时，可以使用以下方法来实现：

使用YepNope库

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库

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样式表了。