在Foundation 4 css h1中，首字母文本转换大写导致顶部h1名称中缺少字母

Question

我添加的自定义CSS允许H1中的第一个字母随处可用，这使得标题为XYZ的顶部栏的第一个字母“X”消失。

我尝试失败了：

.topbar:first-letter {
  text-transform: none !important;
}

.top-bar .name {
  text-transform: none !important;
}

---

<nav class="top-bar">
  <ul class="title-area">
    <!-- Title Area -->
    <li class="name">
      <h1><a href="#"class="home" title="XYZ Business Lobby">XYZ Business Lobby</a></h1>
    </li>
    <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon        `enter code here`alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
 </ul>

See fiddle