Sinkin Sans Font Family

Use "Sinkin Sans" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Sinkin 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 Sinkin 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: 'Sinkin Sans 400 Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 400 Regular'), url('SinkinSans-400Regular.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 400 Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 400 Italic'), url('SinkinSans-400Italic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 100 Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 100 Thin'), url('SinkinSans-100Thin.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 100 Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 100 Thin Italic'), url('SinkinSans-100ThinItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 200 X Light';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 200 X Light'), url('SinkinSans-200XLight.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 200 X Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 200 X Light Italic'), url('SinkinSans-200XLightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 300 Light';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 300 Light'), url('SinkinSans-300Light.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 300 Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 300 Light Italic'), url('SinkinSans-300LightItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 500 Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 500 Medium'), url('SinkinSans-500Medium.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 500 Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 500 Medium Italic'), url('SinkinSans-500MediumItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 600 SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 600 SemiBold'), url('SinkinSans-600SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 600 SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 600 SemiBold Italic'), url('SinkinSans-600SemiBoldItali.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 700 Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 700 Bold'), url('SinkinSans-700Bold.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 700 Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 700 Bold Italic'), url('SinkinSans-700BoldItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 800 Black';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 800 Black'), url('SinkinSans-800Black.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 800 Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 800 Black Italic'), url('SinkinSans-800BlackItalic.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 900 X Black';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 900 X Black'), url('SinkinSans-900XBlack.woff') format('woff');
}
@font-face {
    font-family: 'Sinkin Sans 900 X Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sinkin Sans 900 X Black Italic'), url('SinkinSans-900XBlackItalic.woff') format('woff');
}

sample html

<h3 style="font-family: 'Sinkin Sans 400 Regular'">Fugit aut sint voluptatem nam qui quaerat soluta.</h3>
<h3 style="font-family: 'Sinkin Sans 400 Italic'">Et quibusdam tempora placeat possimus sint.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin'">Et praesentium qui accusamus consequatur.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin Italic'">Et beatae nisi quia aut.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light'">Possimus asperiores fugit rem quam.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light Italic'">Iusto id qui magnam magni.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light'">Ipsam at et nihil rerum distinctio.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light Italic'">Et quasi quia eos cumque et quod.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium'">Voluptas explicabo esse porro voluptatibus enim.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium Italic'">Aliquam et quia omnis et.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold'">Modi ab quia accusantium aliquid rerum.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold Italic'">Aperiam occaecati labore quaerat deserunt.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold'">Repellendus rerum eos iure sunt sunt rerum nulla.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold Italic'">Ut aut reprehenderit ut quod omnis praesentium.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black'">Atque iste recusandae ut fugit similique.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black Italic'">Ea ipsum autem eos aspernatur expedita.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black'">Deleniti perspiciatis laboriosam natus et quod.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black Italic'">Iste tempora est blanditiis et.</h3>

Preview

License

All weights of SINKIN SANS are totally free for commercial and personal use as desktop and web fonts. You can freely distribute and modify SINKIN SANS provided the original copyright and license information, and details of any modifications, are included. SINKIN SANS is gifted 'as is', without warranty. SINKIN SANS is a trademark of K-Type. Licensed under the Apache License, Version 2.0

Sinkin Sans is a trademark of K-Type

Sinkin Sans 100 Thin by Keith Bates • © 2014 www.k-type.com • Sinkin Sans is a simple, pleasantly proportioned sans serif with tiny, inconspicuous notches that sink into vertical strokes adding highlights to congested corners.

http://www.apache.org/licenses/LICENSE-2.0.html