Typography rules
For our web products (Website & E-Mail) we use Roboto.
Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves.
Here is a code snippet that covers most of the situations to get you up and running:
<link rel="preconnect" href="//honeycomb.flixbus.com/"/>
<link rel="preload" as="style" href="//honeycomb.flixbus.com/dist/7.3.0/css/honeycomb-fonts.css" crossorigin=""/>
<link href="//honeycomb.flixbus.com/dist/7.3.0/css/honeycomb-fonts.css" rel="stylesheet" type="text/css" crossorigin=""/>
For custom configurations consider using @fontsource/roboto package.
Please note that direct usage of Google Fonts CDN is subject to GDPR regulations and therefore requires a legal basis.