Amble Font Family

Use "Amble" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Amble font. Webfont and @font-face supported all up-to-date browsers can use comfortably.

@font-face is very easy to use, click here to download Amble webfont kit. The following example will guide you to the css and html codes.

Ensuring the maximum cross browser typography support, WOFF (Web OpenFont Format) works with all up-to-date browsers. You can check the versions by clicking here.

Using this font on your website is your own legal responsibility. You can check the license information of the font.

@font-face kit

@font-face {
    font-family: 'Amble Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Regular'), url('Amble-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Amble Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Italic'), url('Amble-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Amble Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Bold'), url('Amble-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Amble Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Bold Italic'), url('Amble-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Amble Light';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Light'), url('Amble-Light.woff') format('woff');
}
@font-face {
    font-family: 'Amble Light Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Light Condensed'), url('Amble-LightCondensed.woff') format('woff');
}
@font-face {
    font-family: 'Amble Light Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Light Condensed Italic'), url('Amble-LightCondensedItalic.woff') format('woff');
}
@font-face {
    font-family: 'Amble Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Amble Light Italic'), url('Amble-LightItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'Amble Regular'">Similique voluptate nemo hic.</h3>
<h3 style="font-family: 'Amble Italic'">Sit aut eos a ullam autem voluptatum.</h3>
<h3 style="font-family: 'Amble Bold'">Itaque expedita quaerat quo.</h3>
<h3 style="font-family: 'Amble Bold Italic'">Quasi et beatae nihil ut. Omnis et quo dolor.</h3>
<h3 style="font-family: 'Amble Light'">Consequatur libero eligendi nihil quis.</h3>
<h3 style="font-family: 'Amble Light Condensed'">In dolorum sapiente cum dolorem quae quo cum.</h3>
<h3 style="font-family: 'Amble Light Condensed Italic'">Harum non dolor quia tenetur earum.</h3>
<h3 style="font-family: 'Amble Light Italic'">Non quia temporibus assumenda quas qui.</h3>

Preview

License

Amble is a trademark of Punchcut.

Font data copyright Punchcut 2009