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. How To extend WP_Customize_Control
  28. Get entered value of customiser field for live preview
  29. How To Add New Option Types To Option Tree?
  30. WordPress Settings API error
  31. Theme Customizer : how to create multiple-level panel
  32. Customizer Active Callback not working
  33. How to execute conditional script when on new customize.php (Theme Customize) screen
  34. Trigger Customizer saving process with Javascript only
  35. Adding customizer styles with wp_add_inline_style
  36. How to set the default value of a option in a theme?
  37. WordPress settings API error when checkbox unchecked
  38. What is the best way to export and import theme options?
  39. “Display Site Title and Tagline” checkbox not working?
  40. How to set page template on front using starter content?
  41. Cannot update WordPress General Settings Site Title and Tagline
  42. How can i add edit shortcut icon in wordpress customizer without using selective refresh?
  43. Add new panel inside parent panel in WP Customize?
  44. Unable to pass variable on theme cusomizer add_settings()
  45. How to add field customizable by the theme editor to your theme?
  46. Get a setting value conditionally in the Customizer api
  47. WP_Customize_Color_Control omitting # symbol
  48. Can I have two different theme for two different language?
  49. How would you accomplish the following advanced settings page?
  50. Disabling Customizer Selective Refresh shortcut icons for selected controls
  51. Q: How to pull data from custom table to populate zustomizer setting/control select options
  52. Dynamically generated wordpress customizer options?
  53. The ‘default’ attribute from $wp_customize->add_setting() method not in db?
  54. Override customizer values on a per-menu base
  55. Is it possible to save more than one image to an option?
  56. correct tags for validating input types
  57. What is the meaning of WordPress’s recommended css classes and where are they applied?
  58. Would to use AJAX to get an option from the database and use it in a jquery setup or is there an alternative to consider?
  59. Efficiency of wp_options vs a new table
  60. Why in the static pages of my theme are showing these information?
  61. Can I make a Customizer dropdown-pages list include private pages?
  62. Check if( selected() )
  63. How do I merge 2 WordPress Themes?
  64. Theme logo metadata into template file
  65. Customizer: get_preview_url() inside customize_save_after hook
  66. How to get DB options format without saving? [closed]
  67. Twenty Twelve Author not displaying
  68. Sample Theme Options page for Multisite – what to consider
  69. help needed for suit designing tool
  70. Let user to upload multiple time
  71. How to dynamically set a background image with the customizer without putting the css as an inline-style
  72. Default customizer colors aren’t displayed outside of the preview
  73. WordPress Custom Theme : Theme Builder vs ACF vs Gutenberg
  74. Theme does not allow shortcodes
  75. fetch all post from wp multisite network and sort all the post in descending order on the basis of “Created by ” term
  76. What is an alternative to not using child theme to customize a WordPress theme?
  77. How to show some of category in wordpress
  78. using themename_the_custom_logo() in template-tags?
  79. Debugging slow WordPress Theme Customizer (Any option similar to Query Monitor)?
  80. Nav menus Fast previewing not working with wp_get_nav_menu_items!
  81. Customizer Image-Picker Preview Not Working
  82. Create settings field on button click
  83. Add multiple sections, settings and controls at once to the Customizer
  84. How to get url image page the right way?
  85. how to call options on front end and add logo
  86. Load get_page_templates into select menu
  87. Missing hashtag with theme customizer header color
  88. Undefined index: custom_sidebars
  89. Create new sidebars trough admin post/page metabox
  90. Editable screenshot.png in a custom theme developed
  91. get_theme_mod not pulling css colors into header using wp_head
  92. Theme customizer live preview JS- Trying to bind to an html image url without luck
  93. Theme automatically inserting “more” tag on every post
  94. Theme Option’s Save Button is not working
  95. wp_deregister_script was called incorrectly
  96. Undefined index: debuging error for theme option template snippet
  97. How do I make it super customisable?
  98. Theme.json: creating different sections of the color palette
  99. How to make a multilingual wordpress site to be translated one-to-one without much effort and without using translate?
  100. My theme is full of error messages in the “Customize” screen, but nowhere else

Leave a Comment