How to use custom fonts in Polymer Components (Vaadin10)?

Flow
1

Hi,

I am using Polymer Templates for my views. Defining styling CSS semms to work except for the font definition. It just doesnt pick up the custom fonts. [Speed Test]
(https://testmyspeed.onl/) [Solitaire]
(https://solitaire.cam/) [essay writer]
(https://essaywriter.fun/) How can I include custom fonts into Polymer Templates?

Here is my try so far: (h1 is drawn red but not using the custom font, font-files are copied in mentioned directory)


<dom-module id="main-layout"> <template>
<style include='ci-process'>

@font-face {
	font-family: "EuH";
	src: url("fonts/EuH_SansBol.ttf") format("ttf"), url("fonts/EuH_SansBol.woff") format("woff"), url("fonts/EuH_SansBol.eot") format("eot");
	font-weight: 800;
	font-style: normal;
}
h1 {
	font-family: "EuH";
	color: red;