google.maps.InfoWindow中的Angular字体太棒了

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-map',
  template: `
    <div id="map"></div>
  `,
  styles: [`
    .info-window {
      font-family: 'Arial', sans-serif;
      font-size: 14px;
      color: #333;
    }
  `]
})
export class MapComponent implements OnInit {
  map: google.maps.Map;
  infoWindow: google.maps.InfoWindow;

  ngOnInit() {
    this.map = new google.maps.Map(document.getElementById('map'), {
      center: { lat: 37.7749, lng: -122.4194 },
      zoom: 12
    });

    this.infoWindow = new google.maps.InfoWindow({
      content: '<div class="info-window">This is a custom info window with awesome Angular font!</div>'
    });

    const marker = new google.maps.Marker({
      position: { lat: 37.7749, lng: -122.4194 },
      map: this.map
    });

    marker.addListener('click', () => {
      this.infoWindow.open(this.map, marker);
    });
  }
}