• I would assume this is for those using https.

    the developer console shows that the Google font css is not loading because they are not being served from a secure server.

    To fix the preview not displaying issue.

    Find all the https:// in the plugin and make them https://
    3 files
    acf-google-font-selector-field\acf-google_font_selector-v4.php – 1 instance
    acf-google-font-selector-field\acf-google_font_selector-v5.pph – 1 instance
    acf-google-font-selector-field\js\input.js – 2 instances

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter tbsworks

    (@tbsworks)

    Now to fix the no preview when selecting a new font issue:

    in the input.js file
    line 59
    <div style=”font-family:’ + new_font + ‘”></div>
    add some text between the div’s
    <div style=”font-family:’ + new_font + ‘”>This is new a preview of the selected font</div>

    To Change the default onload text sample — that is in the acf-google_font_selector-v5 and v4 files.

    Personally I like the lazy dog sentence because it displays every letter in the alphabet.

    THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG<br>the quick brown fox jumps over the lazy dog<br>! ? 1 2 3 4 5 6 7 8 9 0

    EN version

    Oh man you rock !

    I just downloaded your fixed code of this plugin and uploaded it to my WordPress and tadaaaa everything is all right : https://github.com/matiyin/acf-google-font-selector-field

    I just met a validation problem for my Google API Key. People should just be aware that the “Webfont Developper API” MUST be activated in your Google Cloud Platform (https://console.cloud.google.com/apis/api/webfonts.googleapis.com/)!

    This plugin should be maintained by the author because it works like a charm and it’s very usefull. No alternative found in the Internet.

    ———-
    FR version

    Merci beaucoup !

    En utilisant le code corrigé de ce plugin que tu as mis à disposition sur GitHub, tout fonctionne parfaitement: https://github.com/matiyin/acf-google-font-selector-field

    J’ai juste rencontré un problème de validation de ma clé d’API Google. Il faut veiller ABSOLUMENT à ce que “Webfont Developper API” soit activée dans votre Google Cloud Platform (https://console.cloud.google.com/apis/api/webfonts.googleapis.com/)!

    Cette extensions devrait vraiment être maintenue à jour par son auteur. Elle marche merveilleusement bien et s’avère très utile lorsqu’on créé un thème sur-mesure. Je n’ai trouvé aucune autre alternative sur Internet.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Preview Display Bug Fix’ is closed to new replies.