Typography
Main typeface
We use main typeface especially on the web and marketing communication (print, digital presentations).
Used font styles
Show
Regular (400)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abčděfghíjklmňopqřštůvwxýž
0123456789@#$&
Regular Italic (400)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abčděfghíjklmňopqřštůvwxýž
0123456789@#$&
DemiBold (600)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abčděfghíjklmňopqřštůvwxýž
0123456789@#$&
Bold (700)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abčděfghíjklmňopqřštůvwxýž
0123456789@#$&
Glyphs
Show
Latin Extended-A
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
Ā
ā
Ă
ă
Ą
ą
Ć
ć
Ĉ
ĉ
Ċ
ċ
Č
č
Ď
ď
Đ
đ
Ē
ē
Ĕ
ĕ
Ė
ė
Ę
Ě
ě
Ĝ
ĝ
Ğ
ğ
Ġ
ġ
Ģ
ģ
Ĥ
ĥ
Ħ
ħ
Ĩ
ĩ
Ī
ī
Ĭ
ĭ
Į
į
İ
İ
IJ
ij
Ĵ
ĵ
Ķ
ķ
ĸ
Ĺ
ĺ
Ļ
ļ
Ľ
ľ
Ŀ
ŀ
Ł
ł
Ń
ń
Ņ
ņ
Ň
ň
ʼn
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ŗ
ŗ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ţ
ţ
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
[
\
]
^
_
`
{
|
}
~
Font installation
Show
Font installation - MAC
- Download font files from Drive.
- Double-click the ".otf" file and select "install".
- Done.
Font installation - PC
- Download font files from Drive.
- Right click on the ".otf" file and select "install".
- Done.
Additional typeface
We use the additional font mainly in regular paragraph text and in its entirety in Google Shared Documents.
Used font styles
Show
Regular (400)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abčděfghíjklmňopqřštůvwxýž
0123456789@#$&
SemiBold (600)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abčděfghíjklmňopqřštůvwxýž
0123456789@#$&
Bold (700)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abčděfghíjklmňopqřštůvwxýž
0123456789@#$&
Glyphs
Show
Latin Extended-A
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
Ā
ā
Ă
ă
Ą
ą
Ć
ć
Ĉ
ĉ
Ċ
ċ
Č
č
Ď
ď
Đ
đ
Ē
ē
Ĕ
ĕ
Ė
ė
Ę
Ě
ě
Ĝ
ĝ
Ğ
ğ
Ġ
ġ
Ģ
ģ
Ĥ
ĥ
Ħ
ħ
Ĩ
ĩ
Ī
ī
Ĭ
ĭ
Į
į
İ
İ
IJ
ij
Ĵ
ĵ
Ķ
ķ
ĸ
Ĺ
ĺ
Ļ
ļ
Ľ
ľ
Ŀ
ŀ
Ł
ł
Ń
ń
Ņ
ņ
Ň
ň
ʼn
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ŗ
ŗ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ţ
ţ
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
[
\
]
^
_
`
{
|
}
~
Font installation
Show
Font installation - MAC
- Download font files from Drive.
- Double-click the ".otf" file and select "install".
- Done.
Font installation - PC
- Download font files from Drive.
- Right click on the ".otf" file and select "install".
- Done.
Alternate typeface
The alternate typeface is purely universal. This font is on every computer, and the information you type in this font is most likely to be displayed adequately to the recipient.
Platform | Typeface |
---|---|
PC | Arial |
MAC | Helvetica / San Francisco |
Using typefaces
Table for orientation when it is appropriate to use the main, additional or alternate font. The given rules are based mainly on the licensing possibilities of the given fonts.
Font usage | Main typeface | Additional typeface | Alternate typeface |
---|---|---|---|
Webdesign | |||
Mobile apps | |||
Shared online documents | |||
Offline documents | |||
Marketing prints | |||
E-mails |
Typography on the web
We combine main and additional fonts. We do not combine additional and alternate fonts. No more than ten words per line of paragraph text. The minimum paragraph font size is 16 px.
H1 heading on the website is written in Fieldwork SemiBold font
The H2 heading and all lower levels on the site are written in Fieldwork Bold
Short messages can be written in Fieldwork Regular
Normal long paragraph text is set in Inter. For highlighting, use Inter Bold.
Printed materials
We combine main and additional fonts. We do not combine secondary and alternate fonts. Materials with short texts are set entirely in the main font.
Captions on printed materials are written in Fieldwork Bold or Semibold
Short subheadings (pereks) are written in Fieldwork Regular font
Regular long paragraph text is set with Inter Regular. For emphasis, use Inter Bold.
Shared Google documents
We use only additional fonts.
Headings of shared documents are written in Inter SemiBold font
Lower levels of headings are written in Inter Bold
Regular long paragraph text is set with Inter Regular. For emphasis, use Inter Bold.
Font settings
Table of combining and setting fonts.
Heading H1
Settings
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'fieldwork', sans-serif;
font-weight: 400;
font-size: 2.5rem;
color: #141619;
letter-spacing: -0.063rem;
line-height: 1.2;
Heading H2
Settings
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'fieldwork', sans-serif;
font-weight: 600;
font-size: 2rem;
color: #141619;
letter-spacing: -0.031rem;
line-height: 1.2;
Heading H3
Settings
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'fieldwork', sans-serif;
font-weight: 600;
font-size: 1.75rem;
color: #141619;
letter-spacing: 0rem;
line-height: 1.2;
Heading H4
Settings
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'fieldwork', sans-serif;
font-weight: 600;
font-size: 1.5rem;
color: #141619;
letter-spacing: 0rem;
line-height: 1.2;
Heading H5
Settings
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'fieldwork', sans-serif;
font-weight: 600;
font-size: 1.25rem;
color: #141619;
letter-spacing: 0rem;
line-height: 1.2;
Heading H6
Settings
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'fieldwork', sans-serif;
font-weight: 600;
font-size: 1rem;
color: #141619;
letter-spacing: 0.01rem;
line-height: 1.2;
Body copy.
Settings
Used typeface:
Font preview:
We write this text with a capital letter at the beginning of the sentence and with a dot at the end.
CSS:
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 1rem;
color: #4f525f;
letter-spacing: 0rem;
Caption
Settings
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 0.875rem;
color: #6b6f7e;
letter-spacing: 0rem;
Type scale
Base font size | Scale ratio |
---|---|
16px (1rem) | 1.250 |