Works absolutely fine on my laptop but not my colleagues, and also not on the Iphone.
What am I doing wrong?
Many thanks to whomever can help.
@font-face {
font-family: 'Franklin Gothic';
src: url([[font:theme|franklingothic.eot]]);
src: url([[font:theme|franklingothic.eot]]) format('embedded-opentype'),
url([[font:theme|franklingothic.woff]]) format('woff'),
url([[font:theme|franklingothic.woff2]]) format('woff2'),
url([[font:theme|franklingothic.ttf]]) format('truetype'),
url([[font:theme|franklingothic.svg]]) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Space Grotesk';
src: url([[font:theme|spacegrotesk.eot]]);
src: url([[font:theme|spacegrotesk.eot]]) format('embedded-opentype'),
url([[font:theme|spacegrotesk.woff]]) format('woff'),
url([[font:theme|spacegrotesk.woff2]]) format('woff2'),
url([[font:theme|spacegrotesk.ttf]]) format('truetype'),
url([[font:theme|spacegrotesk.svg]]) format('svg');
font-weight: normal;
font-style: normal;
}
body { font-family: 'Space Grotesk' ; }
h1 { color: #000000; font: 32px franklin gothic; }
h2 { color: #000000; font: 24px franklin gothic; }
h3 { color: #000000; font: 18px franklin gothic; }
h4 { color: #000000; font: 16px franklin gothic; }
h5 { color: #000000; font: 14px franklin gothic; }
h6 { color: #000000; font: 12px franklin gothic; }