Google Open Sans font not rendering properly in Firefox

[bc]

Hi,
I am importing Google font as shown below. It renders properly on IE 11 and Chrome 38. But on Firefox 32 the text is truncated in the example below. I am using SmartGwt v 3.1. Is there a fix or workaround for this?

Importing the font style in the modules html file. This is imported before any references to the local css files.

<link type='text/css' rel='stylesheet' href='http://fonts.googleapis.com/css?family=Open+Sans:300'>

Using the font in the css file

.ftOpenSansText {
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 300;
}

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.types.Alignment;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.Label;

public class TestFont implements EntryPoint {  

	public void onModuleLoad() {  

		Canvas c = new Canvas();
		c.setWidth100();
		c.setHeight100();
		
		Label l = new Label();
		l.setAutoWidth();
		l.setAutoHeight();
		l.setWrap(false);
		l.setStyleName("ftOpenSansText");
		l.setContents("This is a sentence.");
		l.setAlign(Alignment.CENTER);
		l.setBorder("1px solid #000");
		c.addChild(l);
		
		c.draw();
	}
}