The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Custom font and line-height in -webkit- browsers

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #42326

    For the site company buy a custom font set.
    It was pretty good, and rendering is normal, but in “chrome”, “chromium”, “safari” i have problems with “vertical-align:middle;”
    webkit do not center vertically, i use -webkit-min-device-pixel-ratio:0 hack: but for all 3 browsers i need different “line-height” values for centering.
    This problem on all site elements? where i use custom fonts.
    (Arial – centers absolutly perfect)
    Do somebody knows methods of fix this?
    Sorry for my bad English.
    [View of the problem]( “View of the problem”)


    @strangerliquid Set the line-height to the same value as the container height.


    Not work. I try everysthing:
    even padding;
    font is rendering is little top from the line


    We need to see a link or perhaps you could put a reduced case in Codepen.


    Sometimes when adding the line-height above the font property will cause it to not render.

    As @Paulie_D suggested, it would be best if we could see the code.

    Here’s an example:


    @Paulie_D @chrisburton thaks you guys. But i run clean html/css with proper reset. And i see that font is renrerin above the line. Font is fu……n s….t. I will connect to designer to solve this problem.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.