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'">Rerum dignissimos qui officia.</h3>
<h3 style="font-family: 'Amble Italic'">Consectetur odio rem voluptatibus mollitia.</h3>
<h3 style="font-family: 'Amble Bold'">Esse et eius eum officia a id omnis.</h3>
<h3 style="font-family: 'Amble Bold Italic'">Aperiam sunt nam eos eaque consequatur.</h3>
<h3 style="font-family: 'Amble Light'">Ut cumque aliquam qui excepturi.</h3>
<h3 style="font-family: 'Amble Light Condensed'">Nihil quis veritatis atque iure sapiente sunt.</h3>
<h3 style="font-family: 'Amble Light Condensed Italic'">Assumenda non labore sed similique fuga.</h3>
<h3 style="font-family: 'Amble Light Italic'">Ut laborum natus eaque nemo ea nam quia.</h3>

Preview

License