Load Google Fonts Based on Cookie Consent

google_fonts.js

function loadGoogleFonts(fontFamily = 'Open Sans') {
    const link = document.createElement('link');
    link.href = `https://fonts.googleapis.com/css2?family=${fontFamily.replace(/ /g, '+')}&display=swap`;
    link.rel = 'stylesheet';
    document.head.appendChild(link);
}

function removeGoogleFonts() {
    const existingLink = document.querySelector('link[href^="https://fonts.googleapis.com/"]');
    if (existingLink) {
        existingLink.remove();
    }
}

// cookiechimp.com CMP
window.addEventListener("cc:onUpdate", function (event) {
    // Check if the 'preferences' category (or your custom category for fonts) is accepted
    if (CookieChimp.acceptedService("Google Fonts", "preferences")) {
        loadGoogleFonts();
    } else {
        removeGoogleFonts();
    }
});

// Initial check on page load in case consent is already given
if (typeof CookieChimp !== 'undefined' && CookieChimp.acceptedService("Google Fonts", "preferences")) {
    loadGoogleFonts();
}