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'">Ab quas non ut.</h3>
<h3 style="font-family: 'Sinkin Sans 400 Italic'">Omnis quaerat maxime corrupti rerum blanditiis.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin'">Asperiores pariatur omnis quod et cum.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin Italic'">Dolorem porro vero sed adipisci facilis.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light'">Molestias sed ut et mollitia blanditiis.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light Italic'">Nulla et eaque voluptas quas nisi minima quo.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light'">Ratione voluptatum omnis dignissimos nam et aut.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light Italic'">Ut est dolor ex vitae totam rerum.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium'">Eveniet et ipsa quas.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium Italic'">Fugiat est reiciendis a qui odio ut perferendis.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold'">Officiis voluptatibus totam laudantium.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold Italic'">Et optio nostrum in dolorem.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold'">Et provident dolorum eum saepe.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold Italic'">Nihil sed quisquam quidem iusto.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black'">Mollitia voluptate quo nesciunt.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black Italic'">Aut nihil optio molestias sint reiciendis.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black'">Et eos ducimus consectetur error dolores.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black Italic'">Dignissimos quia fugiat et qui qui 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