如何增加字体大小而不使其更厚

Question

我有几个字符需要增加大小（高度）。我使用了字体大小属性，它给了我想要的结果，但也使它变厚。 如何移除已应用的厚度？

我尝试过使用font-weight但是我没有发现任何差异。

HTML

 <div class="row collapse">
                    <div class="four columns">
                        <label for="txtBirthMonth">Date:</label>
                    </div>
                    <div class="two columns collapse">
                        <asp:TextBox ID="txtBirthMonth" runat="server" MaxLength="2"></asp:TextBox>
                    </div>
                    <div class="one column">
                        <p class="splCharacter">/</p>
                       </div>
                    <div class="two columns">
                        <asp:TextBox ID="txtBirthDay" runat="server" MaxLength="2"></asp:TextBox>
                    </div>
                       <div class="one columns">
                        <p class="splCharacter">/</p>
                       </div>
</div>

CSS

.splCharacter {
    font-size: 3em;
    margin: 0px;
}

Answer 1

只需使用font-size属性，不会增加字体大小。

如果您不喜欢增加尺寸的字体粗细，那么您还应该添加一个减少重量的规则，例如：

.splCharacter {
font-size: 3em;
font-weight: 200;
margin: 0; // The value is zero so you don't need to specify the unit.
}

当然，您使用的字体必须支持这种减轻的重量，否则此规则将无效。