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'">Tempora placeat aut nisi sit.</h3>
<h3 style="font-family: 'Fieldwork Hum Regular'">Maxime aspernatur aut est expedita nostrum.</h3>
<h3 style="font-family: 'Fieldwork Hum Regular Italic'">Quia minus sapiente maiores a quidem ullam.</h3>
<h3 style="font-family: 'Fieldwork Geo Hair'">Aspernatur ea ut rerum officia.</h3>
<h3 style="font-family: 'Fieldwork Hum Hair'">Nobis expedita hic ea.</h3>
<h3 style="font-family: 'Fieldwork Hum Hair Italic'">Facilis ab repellendus delectus ad sunt.</h3>
<h3 style="font-family: 'Fieldwork Geo Thin'">Nostrum et quia sit deserunt dolorem omnis.</h3>
<h3 style="font-family: 'Fieldwork Hum Thin'">Illo delectus nesciunt omnis sint quos.</h3>
<h3 style="font-family: 'Fieldwork Hum Thin Italic'">Autem tempore sapiente ipsam.</h3>
<h3 style="font-family: 'Fieldwork Geo Light'">Vero modi incidunt velit tenetur aspernatur.</h3>
<h3 style="font-family: 'Fieldwork Hum Light'">Harum saepe cumque in.</h3>
<h3 style="font-family: 'Fieldwork Hum Light Italic'">Ex modi voluptas rerum ea iure.</h3>
<h3 style="font-family: 'Fieldwork Geo Demibold'">Eum amet ipsum facere deserunt.</h3>
<h3 style="font-family: 'Fieldwork Hum DemiBold'">Ex et mollitia tempore corporis maiores.</h3>
<h3 style="font-family: 'Fieldwork Hum DemiBold Italic'">Temporibus qui reprehenderit quia ut.</h3>
<h3 style="font-family: 'Fieldwork Geo Bold'">Est harum quam blanditiis placeat.</h3>
<h3 style="font-family: 'Fieldwork Hum Bold'">Ut eum dolor cumque delectus velit omnis quae.</h3>
<h3 style="font-family: 'Fieldwork Hum Bold Italic'">Ea nam non amet debitis facere veritatis.</h3>
<h3 style="font-family: 'Fieldwork Geo Black'">Possimus aliquid sed exercitationem explicabo.</h3>
<h3 style="font-family: 'Fieldwork Hum Black'">Nisi fugiat velit velit possimus.</h3>
<h3 style="font-family: 'Fieldwork Hum Black Italic'">Officiis dolores laboriosam quibusdam.</h3>
<h3 style="font-family: 'Fieldwork Geo Fat'">Voluptatem nostrum alias praesentium alias vitae.</h3>
<h3 style="font-family: 'Fieldwork Hum Fat'">Veniam quo debitis non eum.</h3>
<h3 style="font-family: 'Fieldwork Hum Fat Italic'">Amet at quia voluptas odio vero.</h3>

Preview

License

Fieldwork is a trademark of TipoType Team.

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

https://tipotype.com/license/