// Google Fonts用の preconnect タグを追加する関数
let googleFontsPreconnectLoaded = false;
function addGoogleFontsPreconnect() {
  if (!googleFontsPreconnectLoaded) {
    ["https://fonts.googleapis.com", "https://fonts.gstatic.com"].forEach((url) => {
      const link = document.createElement("link");
      link.rel = "preconnect";
      link.href = url;
      if (url.includes("gstatic")) link.crossOrigin = "anonymous";
      document.head.appendChild(link);
    });

    googleFontsPreconnectLoaded = true;
  }
}

// Googleフォントリンクを動的に追加する関数
function loadGoogleFonts(fontSetValues) {
  // 必要なCDNリンクを追加
  fontSetValues.forEach((font) => {
    const fontCDNLink = LW_fontCDNs[font];
    if (fontCDNLink) {
      const link = document.createElement("link");
      link.rel = "stylesheet";
      link.href = fontCDNLink;
      document.head.appendChild(link);
    }
  });
}

// DOMの読み込み完了後に実行
document.addEventListener("DOMContentLoaded", () => {
  // ページ内のすべての `data-lw_font_set` 属性の値を取得し、重複を排除して配列に格納
  const fontSetValues = Array.from(document.querySelectorAll('[data-lw_font_set]'))
    .map(element => element.getAttribute('data-lw_font_set'))
    .filter((value, index, self) => value && self.indexOf(value) === index); // 空文字や重複を排除

  // Google Fonts の preconnect を設定
  addGoogleFontsPreconnect();

  // 必要なフォントを遅延読み込み
  loadGoogleFonts(fontSetValues);
});