How to use useSelect to retrieve the currently default fontFamily?

It turns out that it wasn’t really needed to find the default font as an empty string is interpreted as the default font. I just did it this way:

<FontFamilyControl>
  value={ buttonFontFamily || '' }
  onChange={ ( newFontFamily ) => {
    setAttributes({ buttonFontFamily: newFontFamily })
  } }
</FontFamilyControl>

Another important thing to notice here is that the FontFamilyControl component is not a public API in Gutemberg so I had to copy it from the Gutemberg source code and adapt it to work from inside my plugin.

Related Posts:

  1. Trigger function on Remove block or add new block in Gutenberg JavaScript
  2. lodash dependency in a Gutenberg plugin
  3. creating elements/innerblocks via rangecontrol
  4. Looking for callback function after Gutenberg is rendered?
  5. Is there a better way to implement responsive images than what WordPress uses by default?
  6. Gutenberg: useDispatch is not a function – @wordpress/data included
  7. Make a list with header and subtext in Gutenberg blocks
  8. Gutenberg – What is the best way to save/update post meta?
  9. Why is my javascript not invoked in my hooks except wp_head?
  10. How to prevent UNDO on guternberg block editor
  11. Do I have to worry about useState causing a re-render?
  12. Creating a custom Gutenberg block with columns
  13. Gutenberg: import dependency or assign from global variable?
  14. How to control an elements classes from multiple Gutenberg sidebar controls?
  15. What action hook can I use to add a JavaScript to a page post using a theme template that is not including get_header() nor get_footer()?
  16. Developing the save function in Gutenberg blocks
  17. Gutenberg – is it ok to load dependencies multiple times?
  18. Preventing double loading JS scripts (like React) when developing for Gutenberg
  19. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  20. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  21. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  22. What happens/fires when you select a block in the editor?
  23. Is “document loaded” different on admin side than public side?
  24. How to use setAttributes outside of the edit function return
  25. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  26. Reading plugin settings in esnext wordpress block
  27. How can i add insertion point between inner blocks in my custom block like core blocks
  28. Trigger a JavaScript function based on the data fetched from Woo commerce hook
  29. Reinitiate Gutenburg’s blocks using javascript
  30. Insert text programmatically in WordPress Gutenberg Editor
  31. Javascript function defined in view.js not reachable from save.js
  32. How to move custom gutenberg block controls from settings to styles tab?
  33. Event when Modal is opened/visible
  34. useBlockProps() nests wrapper with class name inside block wrapper in the editor
  35. Is It Possible to Use the Block Editor’s Notification Feature to Send Another Notification After the Post Is Saved?
  36. How can you check if you are in a particular page in the WP Admin section? For example how can I check if I am in the Users > Your Profile page?
  37. Set default image link target in Gutenberg image block
  38. Add async script
  39. WordPress Hook for user register
  40. API to trigger prompt on leaving page
  41. How to make repeated component/block in Gutenberg
  42. What’s the earliest point I can get the queried object ID?
  43. Using Primary Color in Plugin Block
  44. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  45. wp_localize_script $handle
  46. How to prevent loading of all plugin’s resources?
  47. Plugin development, hooks, generate content
  48. Hook event for upload image in the menu
  49. Help with callback using do_action_ref_array
  50. What’s the Right Way to get and save remote data for a Gutenberg block?
  51. Making a custom widget that includes a tinymce and works in Site Origin Page Builder
  52. What’s the better way to add an inline script?
  53. Create custom blocks for bootstrap
  54. Woocommerce – Hide a Column in Cart Table
  55. how to include javascript file and css file in wordpress
  56. Namespaced action and filter tags
  57. Are block templates incompatible with serialize_blocks?
  58. WordPress Block Development – trouble importing from @wordpress/icons
  59. How to insert text at the current cursor position in Gutenberg?
  60. JSX in WordPress Plugin Development
  61. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  62. javascript datatables in a plugin
  63. WordPress custom taxonomy check box to dropdown
  64. Force HTTPS 301 redirect with hook
  65. use of do_action() without any functions attached
  66. Run JavaScript validation script on form submit in plugin
  67. Custom Plugin – CSS works, JS doesn’t
  68. Bind a function with its own argument to show something dynamically after every content
  69. What’s the hook for filtering every texts of site?
  70. Hook add_attachment error
  71. Update variable value via add_filter
  72. How to use apiFetch to get author information in Gutenberg properly?
  73. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  74. hook update_option/updated_option empty $old_value and $value
  75. How to add a panel/box/widget/are/screen to the right side of edit post/page confusion
  76. Service Worker Uncaught (in promise) DOMException
  77. Setting global block attribute value
  78. How to find list of all functions bind to a particular hook from my plugin?
  79. About a programming language starts with [closed]
  80. Should I put my plugin javascript inline?
  81. Custom Block Not Shown in Block Inserter
  82. jQueryUI draggable doesn’t work in WordPress plugin
  83. Get value of custom checkbox from Gutenberg sidebar in plugin
  84. XMLHttpRequest to open PHP file responds with Missing Page
  85. WordPress Plugin Boilerplate – add actions and/or filters based on user’s role
  86. how to retrieve post_id under woocommerce_add_to_cart_validation hook?
  87. add_option_{$option} action hook not being called
  88. Insert plugin html content to a specific spot in the frontpage
  89. get_term_by() returning null on plugin
  90. How to get the value entered in the input field in wordpres
  91. Help interpreting @wordpress/create-block-tutorial-template usage error
  92. How can I add a custom button to the post editor?
  93. Block Development: hamburger module throwing error in save function
  94. Adding a navigation with wp_nav_menu() to a custom block in the site editor
  95. Why isn’t custom sidebar panel not showing up in the Gutenberg Editor?
  96. Ninja Forms: Front-End Forms, Post ID?
  97. How can I obtain an option (get_option) inside a block viewScript?
  98. How to customize password reset message page on success if no error in password reset
  99. Attributes array not saving values
  100. how to execute a function only when i send an order to trash [closed]