Button "font" property not working on MobileWeb

Hi everyone. I'm working in a Mobile Web project and I noticed it seems "font" property of Ti.UI.Button isn't working properly.

I've created a test project, where I'm placing a Label and a Button in the screen and changing both of their "font" properties, Label font property works well, but Button's font never gets changed.

Tss file looks like this:

"Label": {
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    color: "#000",
    font: {
        fontFamily: "Helvetica-Light",
        fontSize: 25
    }
},
"#button" : {
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    borderColor: "transparent", //I need to remove border color as per design requirement
    backgroundColor: "transparent", //Also a design requirement
    font: {
        fontFamily: "Helvetica-Light",
        fontSize: 25
    }
}

View looks like this:

<Alloy>
    <Window class="container">
        <Label id="label" text="This is a label"/>
        <Button id="button" title="This is a button"/>
    </Window>
</Alloy>

I've also looked at how the corresponding files generated in Resources folder look like, and it seems the styles are being correctly placed there, for both the Label and Button elements:

$.__views.label = Ti.UI.createLabel({
        width: Ti.UI.SIZE,
        height: Ti.UI.SIZE,
        color: "#000",
        font: {
            fontFamily: "Helvetica-Light",
            fontSize: 25
        },
        id: "label",
        text: "This is a label"
    });
 
 
$.__views.button = Ti.UI.createButton({
        width: Ti.UI.SIZE,
        height: Ti.UI.SIZE,
        borderColor: "transparent",
        backgroundColor: "transparent",
        font: {
            fontFamily: "Helvetica-Light",
            fontSize: 25
        },
        id: "button",
        title: "This is a button"
    });

BUT when I run the application to preview in browser the font of the label gets correctly styled and the font of the button remains the same as the default is set. This is how the style looks in browsers inspector:

Label style

element.style {
    overflow: visible;
    white-space: normal;
    color: rgb(0, 0, 0);
    font-family: Helvetica-Light;
    font-size: 25px;
    left: 0px;
    top: 0px;
    width: 157px;
    height: 29px;
}

Button style (no font-family/font-size generated at all):

element.style {
    overflow: visible;
    white-space: normal;
    text-align: center;
    left: 0px;
    top: 0px;
    width: 109px;
    height: 18px;
}

Could this be a bug? I looked for it in JIRA but I didn't find anything similar (regarding specifically to mobile web application projects).

Dev env details: App type: Mobile (Mobile Web) Titanium SDK: 3.2.1 Alloy Version: 1.3.1 Host OS: OS X 10.9.1 Browsers I used to test (desktop): Safari, Chrome and Firefox