My font-face is working properly on:
- Desktop Chrome
- Desktop Firefox
The same font-face call is NOT working on:
- Desktop Safari
- iOS Chrome
- iOS Firefox
- iOS Safari
You can see the landing page with the font-family call for the site/company name here: Derek Erb Solutions
The font-family declaration:
@font-face {
font-family: 'Dce_handwriting';
src: url('/fonts/DceHandwritingRegular.woff') format('woff'),
url('/fonts/DceHandwritingRegular.ttf') format('truetype'),
url('/fonts/DceHandwritingRegular.otf') format('opentype'),
font-weight: normal;
font-style: normal;
font-display: fallback;
}
The font-family call:
#sitename {
font-family: Dce_handwriting, sans-serif;
font-size: 6em;
margin: 0 auto;
}
Looking around at similar problems here I made sure to remove the dashes and underscores from the file name and include the "src:" in the font-family declaration.
I have probably been looking too long at my own code to see the problem any more... but it is particularly frustrating.