From 2d2c13f2ab6af0be28976975c6d1d22730aedc23 Mon Sep 17 00:00:00 2001 From: Akhil Pillai Date: Sat, 9 Mar 2019 02:43:26 +0530 Subject: [PATCH] Add the text for clarity to the article (#28489) Also added links for more info --- .../basic-css/import-a-google-font/index.md | 11 +++++++++++ 1 file changed, 11 insertions(+) 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 bc8a2cb268..6f2cc4b3bf 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 @@ -2,6 +2,10 @@ title: Import a Google Font --- ## Import a Google Font +The below example shows one of the ways in which you can import and use a Google Font. +The example uses a link to the font's API, in the `````` of the HTML document rather than in the CSS. + +To browse through other fonts offered by Google, please check [Google Fonts](https://fonts.google.com "Google Fonts") ### Solution @@ -53,3 +57,10 @@ title: Import a Google Font ``` +#### 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/)