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'">Maxime facilis eos necessitatibus repudiandae.</h3>
<h3 style="font-family: 'Verano Sans Bold'">Culpa aut reprehenderit quis itaque.</h3>
<h3 style="font-family: 'Verano Sans Light'">Autem voluptas ab minus ullam.</h3>
<h3 style="font-family: 'Verano Sans Bold Italic'">Fugiat voluptas architecto doloremque quisquam.</h3>
<h3 style="font-family: 'Verano Sans Italic'">Ullam et rerum voluptas vel a provident.</h3>
<h3 style="font-family: 'Verano Sans Thin Italic'">Autem tenetur qui cumque nemo.</h3>
<h3 style="font-family: 'Verano Sans Thin Italic'">Et quaerat ex ea quod hic ducimus nobis quaerat.</h3>
<h3 style="font-family: 'Verano Sans ExtraLight'">Blanditiis quia voluptatem aliquid.</h3>
<h3 style="font-family: 'Verano Sans ExtraLight Italic'">Nulla id placeat voluptas.</h3>
<h3 style="font-family: 'Verano Sans Light Italic'">Est veniam sint sed dolorem et enim aut eaque.</h3>
<h3 style="font-family: 'Verano Sans Medium'">Voluptas ut ducimus est reiciendis ipsam eaque.</h3>
<h3 style="font-family: 'Verano Sans Medium Italic'">Et tempora non asperiores.</h3>
<h3 style="font-family: 'Verano Sans SemiBold'">Eaque sint harum quas.</h3>
<h3 style="font-family: 'Verano Sans SemiBold Italic'">Quis at veniam ipsum accusamus.</h3>
<h3 style="font-family: 'Verano Sans ExtraBold'">Sed optio corrupti possimus aut in aut odio.</h3>
<h3 style="font-family: 'Verano Sans ExtraBold Italic'">Iusto culpa veniam ut et ducimus maxime.</h3>
<h3 style="font-family: 'Verano Sans Black'">Dolore debitis nulla repudiandae ut.</h3>
<h3 style="font-family: 'Verano Sans Black Italic'">Et temporibus maxime eum laboriosam illo ut.</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