Replacing font in theme @Stylesheet annotation

Hi,
I am using Vaadin7 with NetBeans 7.1.3 to create a server-side application. I have successfully been able to change themes using the theme annotation like, @Theme(“Runo”). I would like to be able to change the font of this theme. Any idea how I can do this? I have read about changing style.css but I am not able to edit the file. I have also read about including the @Stylesheet annotation but I have not been able to add this. Any help would be great.

You need to create your own theme, extending an existing one (e.g. Runo). See e.g. the Book of Vaadin how you can do this. Then you need to override all font definitions with your own style commands. Please note that changing the font type might break some width/height settings in the built in themes if the new font is considerably wider than the original.

Hi,
Thanks for your response. I was able to extended an existing theme and have replaced the font and the favicons. Part of why it wasnt working was
a. I didnt place my theme in the right folder and
b. I missed out including quotes in my @import url(
"
runo.css
"
) while extending a theme.

Thanks a lot for your help!