From da9171a57a1b5ee823290623465e56a67d56fb91 Mon Sep 17 00:00:00 2001 From: Kevin Trang <44285042+KevinatorTrainer5@users.noreply.github.com> Date: Sat, 9 Mar 2019 08:38:54 +1100 Subject: [PATCH] Added a More Information section to "Import a Google Font" (#34633) -Added additional links in the More Information section to show the user how to implement Google Fonts into their HTML and CSS code --- .../basic-css/import-a-google-font/index.md | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/guide/english/certifications/responsive-web-design/basic-css/import-a-google-font/index.md b/guide/english/certifications/responsive-web-design/basic-css/import-a-google-font/index.md index 6f2cc4b3bf..0852ece25b 100644 --- a/guide/english/certifications/responsive-web-design/basic-css/import-a-google-font/index.md +++ b/guide/english/certifications/responsive-web-design/basic-css/import-a-google-font/index.md @@ -7,6 +7,9 @@ The example uses a link to the font's API, in the `````` of the HTML docum To browse through other fonts offered by Google, please check [Google Fonts](https://fonts.google.com "Google Fonts") +To look at what is going on behind a font, you can open the URL for the font. +We have used the _Lobster_ font, [click here](https://fonts.googleapis.com/css?family=Lobster) to have a look at what's going on under-the-hood for the _Lobster_ font + ### Solution ```html @@ -57,10 +60,10 @@ To browse through other fonts offered by Google, please check [Google Fonts](htt ``` -#### More on this -To look at what is going on behind a font, you can open the URL for the font. -We have used the _Lobster_ font, [click here](https://fonts.googleapis.com/css?family=Lobster) to have a look at what's going on under-the-hood for the _Lobster_ font -[Another way of importing font: using @font-face](https://css-tricks.com/snippets/css/using-font-face/) - -[Don't just copy the fonts out of Google Fonts URLs](https://css-tricks.com/dont-just-copy-the-font-face-out-of-google-fonts-urls/) +#### More Information +* [Developers Google - Getting Started with the Google Fonts API](https://developers.google.com/fonts/docs/getting_started) +* [Google Fonts](https://fonts.google.com/)\ +* [How to use Google Fonts](https://www.w3schools.com/howto/howto_google_fonts.asp) +* [Another way of importing font: using @font-face](https://css-tricks.com/snippets/css/using-font-face/) +* [Don't just copy the fonts out of Google Fonts URLs](https://css-tricks.com/dont-just-copy-the-font-face-out-of-google-fonts-urls/)