Typeface.js - headers dont work

JavaScript
1

HI Folks,

Cant get it to work on h1, h2, h3 tags etc.

I have absolute links to my js files:

<script type=“text/javascript” src=“http://www.mharrisweb.co.uk/wp-content/themes/mharrisweb/js/typeface-0.15.js”></script>
<script type=“text/javascript” src=“http://www.mharrisweb.co.uk/wp-content/themes/mharrisweb/js/helvetiker_regular.typeface.js”></script>

And my html is:

<h1 class=“typeface-js” style=“font-family: Helvetiker;”>My Own Agenda</h1>

Here is a sample page:

Untitled Document

Text in the div renders fine, but header tags dont work, any help much appreciated.

Thankyou

2

I’m wondering if it something simple like the semi-colon at the end of the style not being handled probably.

3

No that wasn’t it.

You have some code

if (
            this.faces[style.fontFamily]  
            && this.faces[style.fontFamily][style.fontWeight]
        ) {
            face = this.faces[style.fontFamily][style.fontWeight][style.fontStyle];
        }

style.fontWeight is bold for the h1 elements because of the browser’s own stylesheet. There is not entry inf faces[Helvetiker] for bold, just normal.

Had a style for h1 so that it is font-weight: normal; and it should work.

4

Thanks rot he reply

I reconverted the font script and it worked.