Using multiple font-face (local files)

l3m35

Hello everyone! I'm new to Twine, but not to HTML, CSS, etc. I'm doing first contacts, have already watched all videos of Vegetarian Zombie on YouTube (very good for newcomers), and now doing some tests.

And I have to say that font-face are being a real frustration. I'm not sure if it's my fault, of my choosen fonts or Twine, but I can't use more than 2 (I know, less is better) fonts when stored on my own machine, not couting Google Fonts.

Example: I have my "Test Story" and on the same folder, fonts (ttf files). So this is my CSS:

@font-face {
font-family: 'awesome';
src: url(awesome.eot?#iefix) format('embedded-opentype'),
url(awesome.woff) format('woff'),
url(awesome.ttf) format('truetype'),
url(awesome.svg#awesome) format('svg');
font-weight: normal;
font-style: normal;
}

If I try to use some fonts, they just don't work. Have tried a lot of them from FontSquirrel, but only 2 are working fine: "Awesome 1.0" (don't know who is the author) and "Chrono Trigger".

Is there anybody here using more fonts like this (local storage)? Or is it a "personal mess"?

PixelRecall

I'm having the same problem. Shame no one had insight into this. Bump?

Claretta

I'm using more than 2 fonts fine.

Example is:

@font-face {
    font-family: Example;
    src: url("fonts/example.woff") format("woff");
	}