要修改整个页面的字体，可以使用CSS样式来实现。以下是一个通过AGM-Map修改整个页面字体的示例代码：

1. 在HTML文件中添加一个
   2. 在AGM-Map的初始化代码中，添加一个CSS类名到styles属性中：

   import { Component } from '@angular/core';
   
   @Component({
       selector: 'app-map',
       template: `
           
       `,
       styles: ['.map-container { height: 400px; }']
   })
   export class MapComponent {
       lat = 51.678418;
       lng = 7.809007;
       zoom = 12;
   
       mapStyles = [
           {
               featureType: 'all',
               elementType: 'labels',
               stylers: [
                   { visibility: 'off' }
               ]
           }
       ];
   }
   

   3. 在CSS文件中添加对应的样式规则，将字体样式应用到整个页面：

   body {
       font-family: Arial, sans-serif;
   }
   

   这样，整个页面的字体就会被修改为Arial字体。你可以根据需要调整字体名称和其他样式属性。