Web Tutorial Plus

Google Fonts Selector

Top Google Fonts Previewer and CSS Generator

Select and preview top Google fonts, add your style and generate CSS code

1
Select or include Google Font
Available Fonts:
Include Font:

2
Add & Preview Styles
Font-size:
16px
Font Color:
Back Color:
Padding:
20px
Letter-Spacing:
1
Word-Spacing:
1
Line-Height:
1

3
Include Text Shadow [Optional]
Shadow Color:
Horiz. Length:
0px
Vert. Length:
0px
Blur Radius:
0px
Browser Support: Chrome 4.0+ Firefox 3.5+ Opera 9.5+ Safari 3.0+

For quick preview of Google fonts, please see the Google Web Fonts Posters.
4
5
Add this code to your website
6
Your CSS Code