Fieldwork Font Family

Use "Fieldwork" font as a Webfont

You can create beautiful websites with great typography using the @font-face kit of Fieldwork 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 Fieldwork 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: 'Fieldwork Geo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Regular'), url('Fieldwork10GeoRegular.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Regular'), url('Fieldwork11HumRegular.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Regular Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Regular Italic'), url('Fieldwork12ItalicRegular.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Geo Hair';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Hair'), url('Fieldwork1GeoHair.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Hair';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Hair'), url('Fieldwork2HumHair.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Hair Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Hair Italic'), url('Fieldwork3ItalicHair.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Geo Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Thin'), url('Fieldwork4GeoThin.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Thin'), url('Fieldwork5HumThin.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Thin Italic'), url('Fieldwork6ItalicThin.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Geo Light';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Light'), url('Fieldwork7GeoLight.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Light';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Light'), url('Fieldwork8HumLight.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Light Italic'), url('Fieldwork9ItalicLight.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Geo Demibold';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Demibold'), url('Fieldwork13SemiBoldGeo.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum DemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum DemiBold'), url('Fieldwork14HumDemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum DemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum DemiBold Italic'), url('Fieldwork15ItalicDemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Geo Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Bold'), url('Fieldwork16GeoBold.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Bold'), url('Fieldwork17HumBold.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Bold Italic'), url('Fieldwork18ItalicBold.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Geo Black';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Black'), url('Fieldwork19GeoBlack.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Black';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Black'), url('Fieldwork20HumBlack.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Black Italic'), url('Fieldwork21ItalicBlack.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Geo Fat';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Geo Fat'), url('Fieldwork22GeoFat.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Fat';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Fat'), url('Fieldwork23HumFat.woff') format('woff');
}
@font-face {
    font-family: 'Fieldwork Hum Fat Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Fieldwork Hum Fat Italic'), url('Fieldwork24ItalicFat.woff') format('woff');
}

sample html

<h3 style="font-family: 'Fieldwork Geo Regular'">Molestiae vel id aut.</h3>
<h3 style="font-family: 'Fieldwork Hum Regular'">Ex est voluptas aut modi blanditiis cum.</h3>
<h3 style="font-family: 'Fieldwork Hum Regular Italic'">Ratione libero est impedit explicabo quo.</h3>
<h3 style="font-family: 'Fieldwork Geo Hair'">Repellendus in et autem quidem consequuntur et.</h3>
<h3 style="font-family: 'Fieldwork Hum Hair'">Quaerat omnis quis fugiat soluta occaecati quis.</h3>
<h3 style="font-family: 'Fieldwork Hum Hair Italic'">Ea ea corporis aspernatur et fugiat eaque nulla.</h3>
<h3 style="font-family: 'Fieldwork Geo Thin'">Unde eveniet rerum a consequatur.</h3>
<h3 style="font-family: 'Fieldwork Hum Thin'">Suscipit iure impedit quia sed.</h3>
<h3 style="font-family: 'Fieldwork Hum Thin Italic'">Distinctio et facere provident quis similique.</h3>
<h3 style="font-family: 'Fieldwork Geo Light'">Recusandae qui quasi neque odio totam est.</h3>
<h3 style="font-family: 'Fieldwork Hum Light'">Quod odit nesciunt non voluptas.</h3>
<h3 style="font-family: 'Fieldwork Hum Light Italic'">Architecto incidunt iusto qui.</h3>
<h3 style="font-family: 'Fieldwork Geo Demibold'">Consequatur impedit cum aperiam.</h3>
<h3 style="font-family: 'Fieldwork Hum DemiBold'">Dolores minus in doloribus quia iste dicta neque.</h3>
<h3 style="font-family: 'Fieldwork Hum DemiBold Italic'">Est est natus cupiditate rerum facere.</h3>
<h3 style="font-family: 'Fieldwork Geo Bold'">Quis perferendis vitae ut harum.</h3>
<h3 style="font-family: 'Fieldwork Hum Bold'">Incidunt earum eos ad dicta quae.</h3>
<h3 style="font-family: 'Fieldwork Hum Bold Italic'">Facere quis in sint et est iste.</h3>
<h3 style="font-family: 'Fieldwork Geo Black'">Fugit qui perferendis consectetur totam aut non.</h3>
<h3 style="font-family: 'Fieldwork Hum Black'">Et vel magnam quae et.</h3>
<h3 style="font-family: 'Fieldwork Hum Black Italic'">Doloremque placeat omnis delectus ut ut sint.</h3>
<h3 style="font-family: 'Fieldwork Geo Fat'">Unde ratione rerum facilis ipsam et vero.</h3>
<h3 style="font-family: 'Fieldwork Hum Fat'">In voluptas doloremque sunt ab nemo.</h3>
<h3 style="font-family: 'Fieldwork Hum Fat Italic'">Vel vero voluptatem aliquam aut.</h3>

Preview

License

Fieldwork is a trademark of TipoType Team.

Copyright (c) 2018 by TipoType Team. All rights reserved. |DCNT

https://tipotype.com/license/