How can I fix the custom font issue in the Dawn theme?

Store Design
1

Can somebody help out?

I’ve been trying to customise the heading font i Dawn but can’t. Iv’e done the following steps:

  • Uploaded the font to assets (otf., woff., woff2., ttf., svg.)

  • written the following code at the bottom of the base.ccs file:

/* Andra CSS-regler */

/* Ny font */
@font-face {
font-family: ‘Gagalin-Regular’;
src: url(‘{{ ‘Gagalin-Regular.woff2’ | asset_url }}’) format(‘woff2’),
url(‘{{ ‘Gagalin-Regular.woff’ | asset_url }}’) format(‘woff’),
url(‘{{ ‘Gagalin-Regular.ttf’ | asset_url }}’) format(‘truetype’),
url(‘{{ ‘Gagalin-Regular.svg#Gagalin-Regular’ | asset_url }}’) format(‘svg’);
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

h1, h2 {
font-family: “Gagalin-Regular”, sans-serif;
}
/* Ny font */

However it doesn’t seem to change the font on other devices or browsers than on my computer in chrome.

If anybody know a solution, please help out.

Best regard!