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'">Deleniti sint minus aut.</h3>
<h3 style="font-family: 'Sinkin Sans 400 Italic'">Laboriosam quidem quia ea.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin'">Vitae ut nihil non ea velit omnis iusto.</h3>
<h3 style="font-family: 'Sinkin Sans 100 Thin Italic'">Ipsam aut voluptatem nisi enim voluptatem quam.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light'">Magni officiis sequi nemo similique.</h3>
<h3 style="font-family: 'Sinkin Sans 200 X Light Italic'">Corporis repellendus perspiciatis a laudantium.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light'">Qui veniam suscipit est aut.</h3>
<h3 style="font-family: 'Sinkin Sans 300 Light Italic'">Deleniti voluptas aut quia in eum.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium'">Voluptate voluptatem odio aperiam omnis et iste.</h3>
<h3 style="font-family: 'Sinkin Sans 500 Medium Italic'">Fugiat corporis minima minima similique ut.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold'">Magni ut a debitis molestias laboriosam.</h3>
<h3 style="font-family: 'Sinkin Sans 600 SemiBold Italic'">Exercitationem suscipit quo est autem.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold'">Dolorum sit ducimus facere expedita atque.</h3>
<h3 style="font-family: 'Sinkin Sans 700 Bold Italic'">Aut et et voluptas amet omnis dolores esse.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black'">Quo quia qui pariatur quisquam fugiat enim omnis.</h3>
<h3 style="font-family: 'Sinkin Sans 800 Black Italic'">Aut exercitationem pariatur consequatur porro.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black'">Quis quia esse in.</h3>
<h3 style="font-family: 'Sinkin Sans 900 X Black Italic'">Aut pariatur iste fuga non.</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