fonts not loading in preview and now also not on Raspberry Pi 2

  • 1
  • Problem
  • Updated 3 years ago
  • Solved
Hi everyone,

My presentations work fine on the old Raspberry Pis I set up last year, but when I set up a new Raspberry Pi 2 and set the same Display ID, none of the fonts loaded. I'm using @font-face with .otf fonts and they used to appear in the preview as well. Over the past year or so they stopped appearing in the preview (no changes made to the presentation at all), and now they won't load in Raspberry Pi 2s. They continue to work fine on the old presentations, though.

Here's a link to one of the three presentations we have:

http://preview.risevision.com/Viewer.html?type=presentation&id=99369ae6-4696-4975-8148-0af06fdf8...

I have no idea what is causing this -- other fonts do seem to work (standard web fonts).

Any advice would be more than appreciated.

Thanks
Photo of sshank

sshank

  • 1,186 Points 1k badge 2x thumb

Posted 3 years ago

  • 1
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi
Is that OTF installed?  Are you able to list the installed fonts on that machine?

fc-list

Then see https://wiki.debian.org/Fonts for adding new fonts.

Or is the presentation using a font that is accessible via URL? If you wish please send through the presentation's CID and we can have a look at the RVA version.

Hannah | Community Success | Priority Support
Photo of sshank

sshank

  • 1,186 Points 1k badge 2x thumb
Hi!

No, I don't have any fonts installed on the machine. I use URL-accessible fonts.

Here is a test display (the RPi) ID: YABP74M62ENG 

Note: the resolution for this presentation is 1080x1920 (portrait) so don't be alarmed if it seems not to fit properly.

Thanks, Hannah! Let me know if you need any further items (CSS, font URL, etc.).
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Thanks.  

For the issue accessing the custom font:

I downloaded the OTF's when accessing the links directly so no issue with the link itself.  The potential issue may be a cross-origin domain restriction.  When I ran a test presentation with only the text widget linking to the Neutra2Cond-Bold.otf and then opened Developer Tools > Console on the preview page I am getting the following error message from Console:
Font from origin 'http://www.lucishealthymarketplace.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s3.amazonaws.com' is therefore not allowed access.
In this case you will need to set the Access-Control-Allow-Origin header to the OTF fonts. See this SO thread for a potential workaround.

Hannah | Community Success | Priority Support
(Edited)
Photo of sshank

sshank

  • 1,186 Points 1k badge 2x thumb
Excellent suggestion! That did the trick. How on earth did you find that? I wonder why I didn't have to do that for the past year or two and suddenly started experiencing the problem...

Thank you so much for the fast and excellent support.