Tuesday, March 6, 2012

Using Google web fonts

There have been a few posts here and on StackOverflow, but I've still
got an issue with using Google Web fonts in my GWT app.

In my module .gwt.xml file I have

<inherits name='com.google.gwt.user.theme.clean.Clean' />
<stylesheet src="http://fonts.googleapis.com/css?
family=Roboto:regular,medium,thin,italic,mediumitalic
" />

I have in my CSS file

body, table td, select, button {
font-family: Roboto, sans-serif;
}

I have Resources.java with

@Source("css/my.css")
public CssResource css();

and in my app I do:

Resources.INSTANCE.css().ensureInjected();

This all works well except for certain GWT widgets, which have a hard-
coded font. e.g. in clean.css such as:

.gwt-TextBox {
padding: 5px 4px;
border: 1px solid #ccc;
border-top: 1px solid #999;
font-size: small;
font-family: Arial Unicode MS, Arial, sans-serif;
}

which is the last style applied, so my TextBox always has an Arial
font and not the Roboto which I want.

I'm wondering if there is a way to easily override these to use my
desired font

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment