要根据路由加载不同的Google字体，你可以使用@angular/common模块中的Router来监听路由变化，并根据路由的变化来加载不同的字体。

以下是一个示例代码，演示了如何根据路由加载不同的Google字体：

1. 在你的app.module.ts文件中，引入Router和ActivatedRoute：

import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';

2. 在constructor中注入Router和ActivatedRoute：

constructor(private router: Router, private route: ActivatedRoute) {
  this.router.events.subscribe(event => {
    if (event instanceof NavigationEnd) {
      this.loadGoogleFont();
    }
  });
}

3. 创建一个loadGoogleFont()方法来根据当前路由加载不同的字体。你可以在这个方法中使用document.createElement()来创建标签，并将其添加到标签中：

loadGoogleFont() {
  const fontLink = document.createElement('link');
  fontLink.href = 'https://fonts.googleapis.com/css?family=Roboto';
  fontLink.rel = 'stylesheet';
  document.head.appendChild(fontLink);
}

4. 在你的模板文件中，使用router-outlet来显示不同的组件，并在每个组件中设置不同的字体样式：

这样，当路由变化时，loadGoogleFont()方法会被调用，根据当前路由加载不同的字体。

请注意，上述代码只是一个示例，你可以根据自己的需求进行修改和扩展。