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

Added a More Information section to "Import a Google Font" (#34633)

Browse Source 
-Added additional links in the More Information section to show the user how to implement Google Fonts into their HTML and CSS code
This commit is contained in:
Kevin Trang
2019-03-09 08:38:54 +11:00
committed by Randell Dawson
parent 45b24b1de1
commit da9171a57a
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,6 +7,9 @@ The example uses a link to the font's API, in the ```<head>``` of the HTML docum
To browse through other fonts offered by Google, please check [Google Fonts](https://fonts.google.com "Google Fonts") 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 ### Solution
```html ```html
@ -57,10 +60,10 @@ To browse through other fonts offered by Google, please check [Google Fonts](htt
</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/) #### More Information
* [Developers Google - Getting Started with the Google Fonts API](https://developers.google.com/fonts/docs/getting_started)
[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/) * [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/)