Update Google Fonts instructions to match current UI

[bharath-mp-2005]

Updates the Google Fonts instructions in the Web fonts learning article to reflect the current Google Fonts interface and embed flow.

Fixes #42385

[github-actions]

Preview URLs

• /en-US/docs/Learn_web_development/Core/Text_styling/Web_fonts

Flaws (1)

URL: /en-US/docs/Learn_web_development/Core/Text_styling/Web_fonts
Title: Web fonts
Flaw count: 1

• macros:
  • Macro ? produces link /en-US/curriculum/ which doesn't resolve

External URLs (6)

URL: /en-US/docs/Learn_web_development/Core/Text_styling/Web_fonts
Title: Web fonts

• https://24ways.org/2011/creating-custom-font-stacks-with-unicode-range/ (1 time) (Note! This may be a new URL 👀)
• https://fonts.adobe.com/ (1 time) (Note! This may be a new URL 👀)
• https://fonts.google.com/ (3 times) (Note! This may be a new URL 👀)
• https://mdn.github.io/learning-area/css/styling-text/web-fonts/web-font-start.html (1 time) (Note! This may be a new URL 👀)
• https://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ (1 time) (Note! This may be a new URL 👀)
• https://www.typography.com/webfonts (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2025-12-16 14:33:37)

[chrisdavidmills]

Hi there @bharath-mp-2005, and thank you for submitting a fix for this issue!

I've provided some suggestions for further improvement for you to consider. One of the main points is that I've suggested rewriting the instructions to mention selecting more than one font. I thought this would be a good idea anyway, and that it would also be more in keeping with the previous example, which asks the reader to use two fonts.

Let me know what you think. Thanks again!

[bharath-mp-2005]

Thanks very much for the suggestions, Chris - they make a lot of sense 👍
I've applied them all and updated the instructions to better reflect selecting multiple fonts.
Please let me know if you'd like any further tweaks.

[bharath-mp-2005]

Thanks again, Chris! I've applied all the suggested changes.
Happy to squash commits if you'd prefer a cleaner history — just let me know.

[chrisdavidmills]

This looks great, thanks @bharath-mp-2005!

I have taken this opportunity to fix a few minor grammar issues while I am here. I think this is ready to merge now.