Trouble with a Font in Chrome and Firefox

I don't know if this should go under the Bug Reports or not, but I'm having problems with a font rendering in Chrome and Firefox under OS X Yosemite. I don't have a Windows machine to test on, so don't know about anything else. Oddly, the fonts display properly on my iPad when using Chrome. Here's what the Character Sheet looks like under OS X Safari (Not the Equipment Header, not the Tab): And here's the same character sheet under Chrome on my iPad: And here it is under OS X Chrome: Here's my CSS: @font-face { font-family: 'cinzelregular'; src: url('http://url/directory/Cinzel-Regular-webfont.eot'); src: url('http://url/directory/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'); src: url('http://url/directory/Cinzel-Regular-webfont.woff') format('woff'); src: url('http://url/directory/Cinzel-Regular-webfont.ttf') format('truetype'), url('http://url/directory/Cinzel-Regular-webfont.svg#cinzelregular') format('svg'); font-weight: normal; font-style: normal; } When I check the console logs under Chrome it says: Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure font '<a href="http://imgsrv.roll20.net:5100/?src=www.geeksville.us/fonts/Cinzel-Regular-webfont.ttf" rel="nofollow">http://imgsrv.roll20.net:5100/?src=www.geeksville.us/fonts/Cinzel-Regular-webfont.ttf</a>'. This request has been blocked; the content must be served over HTTPS. The website hosting the fonts does support SSL, but I get the same error message even when I modify the CSS to use the https url to the font file. Is this a configuration problem on my end? Any assistance would be appreciated. Thanks.

G V. said: The website hosting the fonts does support SSL, but I get the same error message even when I modify the CSS to use the https url to the font file. The host website doesn't matter for this particular issue. Roll20 pipes remote content through a proxy server, but unfortunately isn't using HTTPS for the fonts' proxy. This is usually solvable on a session-by-session basis by telling the browser to allow the mixed content. In Chrome, there ought to be a shield icon in the address bar to let you load the content, and other browsers should have some similar process:

Thanks Brian. I figured there was a way to allow it, but couldn't find anything in the settings.

GV, how did you solve the problem?

Just as Brian describes. In Chrome I have to launch the campaign and when the shield icon appears in the URL bar, I click on that and allow insecure resources. When I do that, the campaign reloads and the fonts appear. I'll be adding that to the Character Sheet Guide as well.

Would this be a way to get all fonts availible via Chrome to work?

John - it seems to for the Savage Worlds sheet anyway. Unfortunately, I wish there was a way to do within the sheet so users wouldn't have to be concerned with it. I suppose if there was a way to get roll20 to host the various font files that would work, but barring that...