Orkney Font Family

Use "Orkney" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Orkney 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 Orkney 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: 'Orkney Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Orkney Regular'), url('orkney-regular.woff') format('woff');
}
@font-face {
    font-family: 'Orkney Light';
    font-style: normal;
    font-weight: normal;
    src: local('Orkney Light'), url('orkney-light.woff') format('woff');
}
@font-face {
    font-family: 'Orkney Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Orkney Medium'), url('orkney-medium.woff') format('woff');
}
@font-face {
    font-family: 'Orkney Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Orkney Bold'), url('orkney-bold.woff') format('woff');
}
@font-face {
    font-family: 'Railway Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Railway Regular'), url('Railway.woff') format('woff');
}
@font-face {
    font-family: 'Railway RegularAlternate';
    font-style: normal;
    font-weight: normal;
    src: local('Railway RegularAlternate'), url('RailwayAlternate.woff') format('woff');
}

sample html

<h3 style="font-family: 'Orkney Regular'">Et corrupti ipsa vitae.</h3>
<h3 style="font-family: 'Orkney Light'">Itaque consequatur voluptas est sapiente sunt ex.</h3>
<h3 style="font-family: 'Orkney Medium'">Voluptates nobis modi sed quidem eius ut.</h3>
<h3 style="font-family: 'Orkney Bold'">Ut dolores illo eos sunt.</h3>
<h3 style="font-family: 'Railway Regular'">Atque consectetur hic aliquam consequuntur iste.</h3>
<h3 style="font-family: 'Railway RegularAlternate'">Molestiae inventore harum modi.</h3>

Preview

License