Custom fonts does not work on Safari - DAWN Theme

Store Design
, ,
1

Hi, I have a problem with two fonts that are suppose to be working in Safari as well as they work in Chrome at my shop TOP LEGENDS.

  1. Font AcuminPro-Medium is for (body,p,a)
  2. Font AcuminProWide-Medium is for (h1,h2,h3,h4,h5,h6)

On Chrome both fonts works ok, but in Safari works only font for body,p,a.

Could you help me to solve this? :slightly_smiling_face:

I have added fonts to assets in all formats and this is code I added to base.css:

}
@font-face {
font-family: "AcuminPro-Medium";
src: url("AcuminPro-Medium.woff2") format("woff2"),
url("AcuminPro-Medium.woff") format("woff");
src: url('{{ 'AcuminPro-Medium.eot?' | asset_url }}');
src: url('{{ 'AcuminPro-Medium.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'AcuminPro-Medium.woff' | asset_url }}') format('woff'),
url('{{ 'AcuminPro-Medium.ttf' | asset_url }}') format('truetype'),
url('{{ 'AcuminPro-Medium.svg#AcuminPro-Medium' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

}
 
body,p,a { font-family: "AcuminPro-Medium"!important; }
@font-face {
font-family: "AcuminPro-Medium";
src: url("AcuminPro-Medium.woff2") format("woff2"),
url("AcuminPro-Medium.woff") format("woff");
src: url('{{ 'AcuminPro-Medium.eot?' | asset_url }}');
src: url('{{ 'AcuminPro-Medium.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'AcuminPro-Medium.woff' | asset_url }}') format('woff'),
url('{{ 'AcuminPro-Medium.ttf' | asset_url }}') format('truetype'),
url('{{ 'AcuminPro-Medium.svg#AcuminPro-Medium' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
 
h1,h2,h3,h4,h5,h6 { font-family: "AcuminProWide-Medium"!important; 
}