After changing to @font-face, lists are spaced out?
I have a font installed on my pc, but after using a font-face converter and changing the 开发者_JAVA技巧css suitably, the lines in my ul are more spaced out, the font-size hasn't changed, but the spacing between them has. What CSS do I need to use to revert this? Example: http://www.givetoagiver.co.cc/about.php If you need any more information, then please ask, thank you
letter-spacing
(http://www.w3schools.com/css/pr_text_letter-spacing.asp)line-height
(http://www.w3schools.com/css/pr_dim_line-height.asp)
The above two take care of all the distanced between lines and individual characters.
Still, if the font works OK when it's installed locally, there's a chance the conversion process introduced the problem. What tool have you used for the conversion? Have you tried Font Squirrel's converter? I've never had issues with it.
PS. The link you provided does not seem to work for me.
[EDIT]
@Yi Jiang suggested these links as an alternative to the ones provided by me:
- http://reference.sitepoint.com/css/letter-spacing
- http://reference.sitepoint.com/css/line-height
Each font can have its own spacing. Web fonts usually uses both the same spacing, so we use them without any issue. with custom fonts, sometimes we've got to change the line-height accordingly:
font: 44px/1.2em Sohoma;
1.2em is the line-height.
精彩评论