Verano Sans Font Family

Use "Verano Sans" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Verano Sans 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 Verano Sans 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: 'Verano Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Regular'), url('VeranoSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Bold'), url('VeranoSans-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Light';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Light'), url('VeranoSans-Light.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Bold Italic'), url('VeranoSans-BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Italic'), url('VeranoSans-Italic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Thin Italic'), url('VeranoSans-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Thin Italic'), url('VeranoSans-ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans ExtraLight'), url('VeranoSans-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans ExtraLight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans ExtraLight Italic'), url('VeranoSans-ExtraLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Light Italic'), url('VeranoSans-LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Medium'), url('VeranoSans-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Medium Italic'), url('VeranoSans-MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans SemiBold'), url('VeranoSans-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans SemiBold Italic'), url('VeranoSans-SemiBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans ExtraBold';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans ExtraBold'), url('VeranoSans-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans ExtraBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans ExtraBold Italic'), url('VeranoSans-ExtraBoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Black';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Black'), url('VeranoSans-Black.woff') format('woff');
}
@font-face {
    font-family: 'Verano Sans Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Verano Sans Black Italic'), url('VeranoSans-BlackItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'Verano Sans Regular'">Est quod unde voluptatem tempore modi.</h3>
<h3 style="font-family: 'Verano Sans Bold'">Aliquid autem quia veniam.</h3>
<h3 style="font-family: 'Verano Sans Light'">Possimus voluptatem sed accusantium aut omnis.</h3>
<h3 style="font-family: 'Verano Sans Bold Italic'">Et voluptas totam eos aut quis tenetur.</h3>
<h3 style="font-family: 'Verano Sans Italic'">Rerum libero pariatur et ut et rem doloribus.</h3>
<h3 style="font-family: 'Verano Sans Thin Italic'">Quia iste laboriosam qui aut id earum qui.</h3>
<h3 style="font-family: 'Verano Sans Thin Italic'">Et omnis odio et et et dignissimos dolorem.</h3>
<h3 style="font-family: 'Verano Sans ExtraLight'">In enim culpa laudantium enim quia.</h3>
<h3 style="font-family: 'Verano Sans ExtraLight Italic'">Fugit ex dicta doloribus et minima sed.</h3>
<h3 style="font-family: 'Verano Sans Light Italic'">Aut ab modi id enim debitis ex.</h3>
<h3 style="font-family: 'Verano Sans Medium'">Provident consequatur aut voluptate magni ex.</h3>
<h3 style="font-family: 'Verano Sans Medium Italic'">Eos ipsa fugiat molestiae eius.</h3>
<h3 style="font-family: 'Verano Sans SemiBold'">Voluptatem voluptatibus sint ut est.</h3>
<h3 style="font-family: 'Verano Sans SemiBold Italic'">Expedita et deleniti in autem.</h3>
<h3 style="font-family: 'Verano Sans ExtraBold'">Ea alias reiciendis molestias velit.</h3>
<h3 style="font-family: 'Verano Sans ExtraBold Italic'">Exercitationem nesciunt aliquid officiis aut ut.</h3>
<h3 style="font-family: 'Verano Sans Black'">Est consequatur iusto est fuga illo cumque.</h3>
<h3 style="font-family: 'Verano Sans Black Italic'">Natus similique soluta rerum rerum.</h3>

Preview

License

Copyright (c) 2011-2018 by tyPoland Lukasz Dziedzic (http://www.typoland.com/) with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1 (http://scripts.sil.org/OFL).

Lato is a trademark of tyPoland Lukasz Dziedzic.

Copyright (c) 2011-2018 by tyPoland Lukasz Dziedzic (http://www.typoland.com/) with Reserved Font Name "Lato". Licensed under the SIL Open Font License, Version 1.1 (http://scripts.sil.org/OFL).

http://scripts.sil.org/OFL