Web font not loading outside of Construct?

I just put a web font in my game and upon uploading it to DropBox the webfont is replaced with what I imagine is a default serif font.

It worked totally fine when I ran the game in the editor, and it is registering that there should be a font (the editor text is in Arial).

I tried it in Mozilla and Chrome with the same result. Is this a known problem?

EDIT: Here's a link to the game.

dl.dropboxusercontent.com/u/72855875/TheCollector0.13/index.html

The font should be this: google.com/fonts/specimen/Geo but it looks like it's Times New Roman for me.

Just to see if I can help, did you create an "On start of layout" event with an "Add a Set web font" action? :)

Of course I did o_o

Like I said, the web font appears when I run the game from the editor. I can actually see it switch from Ariel to Times New Roman (or whatever) and to Geo in less than a second.

It doesn't go to Geo when I export it and play it in dropbox though.

Am I the only one with this problem..?

I had a lot of trouble with fonts in C2. The best solution I found was include the font (in .svg, .woff, .ttf formats) and a .css file to the project. At fontsquirrel.com there is an online service that can provide everything to you, just upload your font there. After upload your project at your dropbox folder, copy the .css file public url and paste it at the proper field in the C2's set web font function.

Ah. Thanks a lot. That did the trick.

pcfernandesjr

You should make a tutorial of how you did =D

TELLES0808

Good idea. I'll try to post it this weekend. =)

I guess the problem with the font is due the origin restriction of html5.

Google Font .ttf files are served with the "Access-Control-Allow-Origin: *" header, while CSS files are not. Maybe the original webfont was in a page that did not allow other origins to incorporate it.

arcalaus also, this issue is about using WEBGL or not, because when you don't use, the font work fine.

I wrote a small tutorial with what I suggested to Sushin: scirra.com/tutorials/557/using-any-fonts-in-your-project