Generated Code

HTML <head> link tag:

CSS font-family rule:

Google Fonts Selector

Select the fonts you want to use in your webpage. copy the code from the boxes above into your HTML and CSS files.

Instructions

check the boxes of the font you want.
Copy the <link> code and paste it inside the <head> of your HTML file.
Use the CSS font-family values in your styles like this:
```
body { font-family: 'Font Name', sans-serif; }
```

This tool is for educational use only and is not affiliated with or endorsed by Google. All fonts displayed are sourced from Google's Font Database. which are open-source and freely licensed. This project is intended to help students explore typography in web design. This website was created as a workaround, as Mr. S's school blocks Google's font database. You can find plenty more fonts on the aforementioned website!