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
@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.
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
@strangerliquid Set the line-height to the same value as the container height.
Not work. I try everysthing: display:table-cell; vertical-align; 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: http://codepen.io/chrisburton/pen/BKipl
@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.