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'">Dolores dolorem adipisci accusamus non omnis.</h3>
<h3 style="font-family: 'Fieldwork Hum Regular'">Sunt sequi eius tempora voluptas harum.</h3>
<h3 style="font-family: 'Fieldwork Hum Regular Italic'">Et est reprehenderit eos dolore aliquam harum.</h3>
<h3 style="font-family: 'Fieldwork Geo Hair'">Qui placeat dolorem eos ea.</h3>
<h3 style="font-family: 'Fieldwork Hum Hair'">Est quam rerum minus perspiciatis.</h3>
<h3 style="font-family: 'Fieldwork Hum Hair Italic'">Ut velit iste modi iure dolorem repellendus.</h3>
<h3 style="font-family: 'Fieldwork Geo Thin'">Repellat iste commodi vel nisi provident.</h3>
<h3 style="font-family: 'Fieldwork Hum Thin'">Et eaque dolores commodi fugiat modi.</h3>
<h3 style="font-family: 'Fieldwork Hum Thin Italic'">Ea perspiciatis fugiat dolores placeat qui ipsa.</h3>
<h3 style="font-family: 'Fieldwork Geo Light'">Vel enim qui et nostrum quas et.</h3>
<h3 style="font-family: 'Fieldwork Hum Light'">Expedita tempora dolores ipsum dolor quaerat.</h3>
<h3 style="font-family: 'Fieldwork Hum Light Italic'">Mollitia architecto aut error ut provident.</h3>
<h3 style="font-family: 'Fieldwork Geo Demibold'">Tenetur eligendi sit asperiores consequatur.</h3>
<h3 style="font-family: 'Fieldwork Hum DemiBold'">Fuga accusantium perspiciatis molestias non ut.</h3>
<h3 style="font-family: 'Fieldwork Hum DemiBold Italic'">Suscipit omnis nam sunt quos.</h3>
<h3 style="font-family: 'Fieldwork Geo Bold'">Voluptas et iste dolorum earum tempore qui.</h3>
<h3 style="font-family: 'Fieldwork Hum Bold'">Nobis corrupti iste culpa minus cupiditate.</h3>
<h3 style="font-family: 'Fieldwork Hum Bold Italic'">Molestiae quis necessitatibus sunt aut quisquam.</h3>
<h3 style="font-family: 'Fieldwork Geo Black'">Soluta asperiores id ea laboriosam.</h3>
<h3 style="font-family: 'Fieldwork Hum Black'">At recusandae dolorem qui voluptates repudiandae.</h3>
<h3 style="font-family: 'Fieldwork Hum Black Italic'">Molestias dolores nisi magni quos.</h3>
<h3 style="font-family: 'Fieldwork Geo Fat'">Voluptas eum magni voluptatum pariatur.</h3>
<h3 style="font-family: 'Fieldwork Hum Fat'">Quo rerum deleniti omnis harum natus voluptate.</h3>
<h3 style="font-family: 'Fieldwork Hum Fat Italic'">Est autem facilis repellat voluptatem tempora.</h3>

Preview

License

Fieldwork is a trademark of TipoType Team.

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

https://tipotype.com/license/