Google Web Fonts

Change the look of your page by embedding a new font face! Choose from over 500+ Google Fonts.
Note: Internet Explorer partially supported.

live preview

This is Heading <h1>

This is Heading <h2>

This is Heading <h3>

This is body paragraph <p>. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Element:
Font face:
Font style:
Font size: 12 px
Line height: 1.5 em
Color:
Box background:

Paste this code within the <HEAD> area of your HTML document.


<!-- font styles generated by dreamcodes -->
<style>
h1 {
    font-size: 30px;
    line-height: 1.5em;
    color: #000000;
    font-family: Trebuchet MS;
    font-style: italic;
    font-weight: bold;
}
h2 {
    font-size: 20px;
    line-height: 1.5em;
    color: #333333;
    font-family: Georgia;
    font-style: normal;
    font-weight: bold;
}
h3 {
    font-size: 16px;
    line-height: 1.5em;
    color: #555555;
    font-family: Courier New;
    font-style: normal;
    font-weight: bold;
}
p {
    font-size: 14px;
    line-height: 1.5em;
    color:777777;
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
}
.box {
    background: #000000;
}
</style>