Question

This question has been asked before, but for older versions of GWT. I’m using the “clean” theme that’s provided, but I’d like to override some styles (fonts and such). Linking a stylesheet in the HTML file with link tags is deprecated, as is using a stylesheet tag in the gwt xml file (http://code.google.com/webtoolkit/doc/latest/DevGuideUiCss.html#cssfiles). How do you associate a css file with your project, then? I’m not using UIBinder.

Answer 1

From the same page you’re refering to:

If you do not care about sharing or re-using your module then you can
just use the standard HTML link rel stuff in the host page.

But what I do is create a specific CSSResource for the ‘old’ styles. This resource is not used in code, but is specific to place all ‘old’ styles in and have them in one css file during development. Typically this should only contain ‘old’ GWT styles and not you’re own set via a string as class name. Those should preferable go via the CssResource technique. A difference with plain style inclusion via link rel is that the styles in the resource are injected and not included via a separate stylesheet. Code example:

interface Resources {
  @Source("notstrict.css")
  @CssResource.NotStrict
  CssResource notStrictCss();
}

(also don’t forget to inject this css resource).

See more on strict scoping here: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Strict_scoping