WordPress Customizer Typography: How to load just the unique Google Fonts?

This question is way too broad for a complete answer in a Q&A format, but here is roughly what I would do:

  1. Collect all system fonts in an array $sys_fonts
  2. Collect all Google fonts in an array $ggl_fonts
  3. Collect the complete info about Google fonts in a multidimensional array $ggl_fontinfo
  4. Merge $sys_fonts and $ggl_fonts in an array $total_fonts
  5. Use $total_fonts for your dropdown
  6. Using jquery, detect which item is selected from the dropdown
  7. If the item is in sys_fonts use the normal procedure to change the css without reloading the page.
  8. If the item is in ggl_fonts use it as a key to look up variants (bold, italics, etc) and subsets (languages) in ggl_fontinfo. Then, dynamically add fields to the form. Once all is set, look up which font files you need in ggl_fontinfo and load them dynamically into the page.

Beware that depending on your skills this may take several days to implement (which is why you are unlikely to get a cut-and-paste-ready answer here for free)

Related Posts:

  1. Is it possible ( or advisable) to allow open access to the new theme customizer for potential clients?
  2. Add a dropdown to theme customizer
  3. Changing the entire control choices using wp.customize with JavaScript
  4. How to remove menus section from WordPress theme customizer
  5. How to hook CSS file according to theme selection in the customizer section
  6. How Can I Create a List of Values to Be Iterated Through via WordPress Customization API?
  7. Change setting name in Customizer and keep the data
  8. after_setup_theme, Global Variable and Theme Customizer
  9. get_option in header.php not returning value from customizer
  10. Internal error 500 accessing Theme > Customize
  11. Using an if statement in the theme customizer page
  12. How to disable wordpress from overload my stylesheet styles with customizer styles
  13. How to enqueue javascript for WP Customize options sidebar?
  14. Change WordPress header color using customizer
  15. Alignment Problem [closed]
  16. WP Customazation API doesn’t save the default Value
  17. Customize Option Framework
  18. Related Post Category Filter
  19. In wordpress customizer div still showing even if I hid it with javascript
  20. Customizer API Multi Sections in single Panel
  21. How to customize the colors within a stylesheet using a WordPress setting
  22. Customizer_register theme options not saving
  23. Using Customizer value in an external PHP file inside a theme
  24. “No Data Received” error in Chrome every time i try to update the theme functions file
  25. trying to figure out how to use more that one image upload in the same section in theme customizer
  26. How to show associated fields if checkbox is checked in customize widget screen using wp_customize?
  27. WordPress 6.4.2 – can’t load editor style css using ‘after_setup_theme’ or ‘admin_init’ actions
  28. How To extend WP_Customize_Control
  29. How do I remove a pre-existing customizer setting?
  30. WordPress API Menu/Submenu Order
  31. Theme customizer – settings order
  32. Custom Image section in Customizer
  33. Get entered value of customiser field for live preview
  34. What are the advantages and disadvantages of Option Tree over the Customization API?
  35. How do I add settings to the Background Options Page?
  36. How to remove the Theme Customization Button from the dashboard and themes options page?
  37. How To Add New Option Types To Option Tree?
  38. What WP folder can I use to write files to?
  39. WordPress Settings API error
  40. Understanding wp_add_inline_style
  41. Add a new checkbox in theme options
  42. Theme Customizer : how to create multiple-level panel
  43. Allow Shortcode in Theme Customizer
  44. Theme Customizer – Nested Sections?
  45. How to add Color Picker in Theme Options for the following?
  46. Customizer Active Callback not working
  47. Setting multiple default background images?
  48. Can I create customizer setting that can handle plugin shortcode?
  49. Best practice way to implement custom sections into a WordPress theme
  50. Editing the custom background CSS
  51. How to execute conditional script when on new customize.php (Theme Customize) screen
  52. Is the theme customizer slowing down my site?
  53. Trigger Customizer saving process with Javascript only
  54. Adding customizer styles with wp_add_inline_style
  55. Best practice (forward compatibility) for theme options
  56. How to set the default value of a option in a theme?
  57. Where is default wp_head() implemented?
  58. Add a preview to a WordPress Control Panel
  59. WordPress settings API error when checkbox unchecked
  60. How to deploy a new theme/theme options from staging to production site
  61. WordPress Customize — Move “menus” options / field to another section
  62. Can we add more than one control under a setting in WP theme customizer?
  63. Widgets panel not displaying in the Theme Customizer
  64. What is the best way to export and import theme options?
  65. Is it possible to display the admin bar while in the Theme Customizer?
  66. How do I get a parent theme modification from a child theme?
  67. esc_url not working within add_settings_field callback
  68. How to Change CSS Variable value in Theme Customizer Live Preview
  69. WordPress Errors in generated by theme check plugin [closed]
  70. WordPress Theme customisation CSS
  71. Get background color for Live Preview with Theme Customization API?
  72. Checking if there is an Image inserted – if not don’t display anything
  73. “Display Site Title and Tagline” checkbox not working?
  74. Select front page and blog page in custom theme settings page
  75. How to set page template on front using starter content?
  76. Default header image does not display
  77. WordPress Customizer Control with React
  78. Responsive Images – Generating multiple images from Theme Customizer control upload?
  79. Modify Javascript Configuration Options for Theme Customizer Colour Picker
  80. Using the theme options to change background
  81. Modify the Additional CSS section (adding a disclaimer)
  82. How to change the customizer´s sidebar width?
  83. Cannot update WordPress General Settings Site Title and Tagline
  84. Theme Customizer – Choose where widget area appears, to let users organise widgets
  85. Theme Options page not showing up in admin menu
  86. wordpress custom theme import and export options for sample data [closed]
  87. How i can get widgets areas working in customizer?
  88. Is there a way to activate different theme for specified users? [closed]
  89. Custom Script Section Only Echoes Text
  90. How to disable automatic colors in the Twenty Twenty theme?
  91. WordPress not registering Theme Customization Section
  92. Is there an action for save_menu and/or update_menu?
  93. How can i add edit shortcut icon in wordpress customizer without using selective refresh?
  94. Add new panel inside parent panel in WP Customize?
  95. WP Customize refresh problem
  96. Input ordering in wordpress theme customizer
  97. For best DB performance should I serialize all theme options together or by type?
  98. Set multiple templates per post
  99. Creating Theme Options Page
  100. Unable to pass variable on theme cusomizer add_settings()

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)