css - how to increase the font-size without making it thicker -
i have few characters need increased in size(height). have used font size property gives me desired result makes thick too. how can remove thickness has been applied?
i have tried using font-weight haven't noticed difference.
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; }
just use font-size property have done, not increase font-weight size.
if don't font-weight @ increased size should add rule decrease weight, e.g.:
.splcharacter { font-size: 3em; font-weight: 200; margin: 0; // value 0 don't need specify unit. }
of course, font using must support reduced weight or rule have no effect.
Comments
Post a Comment