gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add the text for clarity to the article (#28489)

Browse Source 
Also added links for more info
This commit is contained in:
Akhil Pillai
2019-03-09 02:43:26 +05:30
committed by Randell Dawson
parent 9d09a12906
commit 2d2c13f2ab
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
guide/english/certifications/responsive-web-design/basic-css/import-a-google-font/index.md
View File

@ -2,6 +2,10 @@
title: Import a Google Font title: Import a Google Font
--- ---
## 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 ```<head>``` 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 ### Solution
@ -53,3 +57,10 @@ title: Import a Google Font
</form> </form>
</main> </main>
``` ```
#### 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/)