Typography

The corporate typeface is the visible language in which a company communicates. It is like handwriting you can recognize someone by. The use of typography manifests the uniqueness of a company, and the corporate typeface set makes an important contribution to this.

Typeface

Our internationally valid DEHN font is Noto Sans. This is used for all digital and print media in external communication.

In regular communication, we focus on the Regular font for continuous text and longer passages, while Bold is used for headlines and special markup.
For e-mail, we will continue to use the Segoe UI font.

Noto Sans

Noto Sans is a versatile and multilingual font family that fits well with DEHN and its goals of digitization and internationalization.

Noto Sans is a font family that supports all fonts and languages of the Unicode standard. Noto Sans is designed to be visually harmonious in different fonts styles and languages, with uniform heights and weights.

It is available and usable as open source at any time and has been specially developed to ensure good legibility across many languages.

Typography and Colors

The defined colors for the typography are Text Grey and Eerie Black. Real White is also used on darker full-color backgrounds. We should always ensure good legibility and a sufficient contrast ratio when using colors. In special cases, DEHN red may be used for headings and highlighting.

For detailed informations on our colors, visit DEHN colors.

Typography on the web

All our rules naturally also apply on the web. Details on the application can be found at paragraphs and headings.

Fontstack

As there should always be a fallback defined, for systems that don’t allow font loading, or in the case something went wrong with the provision of the font, there are prefered fallback fonts on every major platform and eco system.

Font embedding

@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.dehn.cloud/shared/fonts/noto-sans/v36/noto-sans-latin-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://cdn.dehn.cloud/shared/fonts/noto-sans/v36/noto-sans-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://cdn.dehn.cloud/shared/fonts/noto-sans/v36/noto-sans-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://cdn.dehn.cloud/shared/fonts/noto-sans/v36/noto-sans-latin-700italic.woff2') format('woff2');
}

CSS

body {
    font-family: 'Noto Sans', 'Segoe UI', 'Helvetica Neue', Roboto, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
}