如何使Google字体应用于GWT小部件？
提问于 2011-07-05 05:24:53
我正在编写一个GWT应用程序，其中屏幕上的所有内容都在某个小部件或其他部件中，也就是说，普通HTML中的HTML文件中没有任何内容。
我希望所有的文字出现在一个特定的谷歌网页字体。我的问题是，如何以某种自动的方式将字体应用于小部件？如果我将字体系列CSS放在正文{}中，那么没有一个小部件会提取字体，但是普通HTML会这样做(而且，就像我说的那样，没有任何字体)。
另一方面，我希望避免这类事情，这是我目前在样式表中得到的：
.gwt-Label, .gwt-TextBox, .gwt-Button, .gwt-DialogBox .Caption, .gwt-EveryOtherKindOfWidget....
{
font-family: Quattrocento, serif;
}所以我的问题是，我怎样才能继承这个字体呢？我觉得我一定是错过了一些很基本的东西。有人能帮忙吗？
谢谢尼尔
回答 1
Stack Overflow用户
发布于 2011-07-06 00:29:43
所以这里有几个问题：
默认的GWT主题(标准)包括standard.css文件。此文件包含所有小部件的样式定义。主题在模块的xml文件中定义：
<inherits name='com.google.gwt.user.theme.standard.Standard'/>关于如何覆盖小部件样式，有不同的方法：
- 复制standard.css文件，将其作为CSSResource包含在应用程序的ClientBundle中，并从模块的ClientBundle文件中删除继承行。
- 添加样式表，它覆盖模块xml文件中继承行之后定义的小部件样式(有关更多细节，请参见standard.css )
即：
<inherits name='com.google.gwt.user.theme.standard.Standard' />
<stylesheet src="CustomStylesheet.css" />查看standard.css样式表，您将看到小部件没有定义任何字体。它实际上是从身体风格继承而来的。
摘录自standard.css：
body, table td, select {
font-family: Arial Unicode MS,Arial,sans-serif;
font-size: small;
}因此，您可能只需使用google字体覆盖自定义样式表中的主体部分，所有小部件都将继承它。
下面是第二个问题:加载google字体并不那么容易，因为样式表优先/继承。
这个维基描述了如何将谷歌字体加载到你的GWT应用程序中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6583366
复制相关文章
点击加载更多
腾讯云开发者
