For each font weight, I have added code like this in the “Add more fonts/Custom CSS” dialogue:
See screen dump below.
@font-face { font-family: 'Soleil'; src: url('${resourcesFolderName}/Soleil_Regular.eot'); /* IE9 Compat Modes */ url('${resourcesFolderName}/Soleil_Regular.woff') format('woff'), /* Modern Browsers */ url('${resourcesFolderName}/Soleil_Regular.ttf') format('truetype'); /* Safari, Android, iOS */ font-style: normal; font-weight: 400; }With the example above, ‘Display name’ is set to ‘Soleil Regular’, ‘CSS Font Family’ to ‘Soleil’.
Texts are not showing up with this font.
Firefox console error example:
Expected font descriptor but found ‘url(‘F.hyperesources/Soleil_Regular.woff’)’. Skipped to next declaration. index.html:24:6
downloadable font: rejected by sanitizer (font-family: “Soleil” style:normal weight:normal stretch:normal src index:0) source: http://127.0.0.1:54121/preview/4906D333-1038-4E02-AD49-C9749F9D5A40-3473-000040BDD19303B2/index.hyperesources/Soleil_Regular.eot
Safari console error example:
[Warning] Invalid CSS property declaration at: url(‘F.hyperesources/Soleil_Regular.woff’) (index.html, line 24)
Google Chrome; only the text set with regular displays. No messages in the console.
iPad; wrong font…
A semi colon / comma typo?
Anyone with a hint?
Done this many times before. Suddenly can’t make it work.