D5 :: Add custom fonts to the font family list in the FontHeaderGroup component for headings

[shohel]

Problem Description

1. Describe what you did
   There is no way to override/add fonts in the font-family list for FontHeaderGroup component

Discord - https://discord.com/channels/1041765492907589683/1294325179387875421

2. Describe what you expected to happen
   I would like to see my custom fonts in the font family list.

3. Describe what actually happened
   I can't add my own custom fonts. Example below.

<FontHeaderGroup
                    title="Footer Heading Text"
                    attrName="footer.decoration.headingFont"
                    defaultGroupAttr={defaultSettingsAttrs?.footer?.decoration?.headingFont?.asMutable({ deep: true }) ?? {}}
                    fields={{
                        h1: {
                            family:{
                                component: {
                                    type: 'field',
                                    name: 'divi/select-font',
                                    props: {
                                        googleFonts: ['TestFont 1', 'TestFont 2'],
                                    }
                                }
                            }
                        },
                    }}
                />

It should override the google fonts in the font family list.

Detailed Steps To Reproduce

Please provide a detailed list of exact steps that reproduce the issue.
1.
2.
3.

Related Links or Information

If applicable, please provide links to any related issues, PRs, discord discussions, or other information.
Discord Discussion: How to add custom field to a FonHeaderGroup tab

• Related Issue: Only One Border Field Can be Used in D5 ShortCode Module #123

Screenshot and/or gif

Ideally a video screencast or gif of the issue being reproduced. If not, a screenshot of the issue is acceptable and annotating the screenshot with a red circle/arrow and text, as applicable, is helpful.

System Information

• Divi version: 5.0.0-dev-alpha.1
• Operating System: macOS 10.15.7
• Browser: Chrome 87.0.4280.88
• PHP version: 7.4.12
• MySQL version: 5.7.32
• Web Server: Apache
• WordPress version: 6.1.1

Due Diligence Checklist

• I searched for similar issues before opening this one
• I have tested with all plugins deactivated except Elegant Themes Beta Tester
• I have tested with the latest alpga/beta version of Divi
• I used a clear and descriptive title
• I have included a detailed description
• I have included steps to reproduce
• I have included relevant links or information
• I have included a video or gif or screenshot