vaadin 中的一些粗体字符答案

【问题标题】：Some bold character in vaadinvaadin 中的一些粗体字符
【发布时间】：2016-06-23 21:36:25
【问题描述】：

例如我有一个词：“Emšo”。

但斯洛文尼亚语中的“Emšo”一词显示为“Emšo” 我想像 Emšo 一样显示文本，没有大胆。

我对单词中包含例如“š”、“č”、“Š”、“Č”、“Ž”、“ž”的所有单词都有疑问。

我没有改变没有css样式或任何东西的单词的粗体。

我正在使用 Vaadin 7.6.3（Valo 主题）。该应用程序正在 tomcat 服务器 8.0.3 上运行。

【问题讨论】：

所选字体是否有这些特殊字符？有时字体中缺少这样的字符，然后导致奇怪的效果
字体系列是“Open Sans”，无衬线，jes 是正确的，有些字体不支持 unicode。我只在表头列中得到粗体字符。

标签： java css unicode character vaadin

【解决方案1】：

对我有用的是在 UI 类 (MyUI) 上更改/添加 @StyleSheet 注释

@StyleSheet("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext")
public class MyUI extends UI implements ViewChangeListener{ ...

当我查看存储库历史时，我在第一次提交中看到已经指定（但也许我在第一次提交之前添加了它！）

@StyleSheet("https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext")
public class MyUI extends UI implements ViewChangeListener{ ...

所以我只是将 Roboto 更改为 Open+Sans 并根据以下内容更改字体粗细：https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin,latin-ext

latin-ext 也很重要。不要忘记编译你的 vaadin 主题，否则它不会被应用！

【讨论】：

【解决方案2】：

问题出在捆绑的 Open Sans 字体中，它不包含所有 unicode 字符，因此某些字符最终会以不同的字体呈现（很可能是平台/浏览器的默认 sans-serif 字体）。

【讨论】：

谢谢你。现在我只需要找到正确的字体系列。

【解决方案3】：

我不明白你是否在寻找 Java 或 CSS 代码来帮助你，但这样的东西可能对你有用，请尝试。

<html>

  <head>
  <style type="text/css">
    p.noBold {font-weight:normal;}
  </style>
  </head>

  <body>
    <p class="noBold">Emšo </p>
  </body>
</html>

编辑：如前所述，您的表格标题中的问题，也许像下面这样的代码可以帮助您解决它。

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
   <style rel="stylesheet" type="text/css">
   th {
      height: 50px;
      font-weight: normal;
      text-align: left;
      background-color: #cccccc;
   }
   </style>
</head>
<body>
  <table>
    <tr>
      <th>Emšo</th>
    </tr>
    <tr>
      <td>data</td>
    </tr> 
  </table>
</body>
</html>

【讨论】：