Social Links: Fix font family and weight inconsistency in editor

[SainathPoojary]

Issue: #46778

What?

Added font-weight: inherit; and font-family: inherit; to the .wp-block-social-link-anchor class in the editor to ensure consistent font styling with the frontend.

Why?

The inconsistency was caused because:

• Frontend: Social links use an <a> tag, inheriting font-family and font-weight from the body.
• Editor: Social links use a <button> element, which applies default button styles (font-family and font-weight) instead of inheriting from the body.

This change ensures uniform font styling for social links across both the editor and frontend.

How?

Updated the .wp-block-social-link-anchor class in the editor with the following CSS:

font-weight: inherit;  
font-family: inherit;  

Testing Instructions

1. Open the editor and add a social links block.
2. Add a few social links and check the font weight and font family.
3. Save and view the post on the frontend.
4. Compare the font styling (weight and family) between the editor and frontend to ensure consistency.

Screenshots or screencast

Before:

Chrome:

Editor	Frontend

Firefox:

Editor	Frontend

After fix:

Chrome:

Editor	Frontend

Firefox:

Editor	Frontend

[github-actions[bot]]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: SainathPoojary <sainathpoojary@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[github-actions[bot]]

:wave: Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @SainathPoojary! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.