我正在使用JavaScript来填充左对齐文本的范围,直到它填充其容器,或者直到它达到高度或宽度的可变阈值.这个过程导致了广泛的变化font-size.
我的问题是,对于某些字符,左边有少量填充...虽然通常不明显,但是字体非常大,可以达到10像素或更多.
我掀起了一个页面来展示对各种角色的影响:http: //jsfiddle.net/kBu7S/
文本范围存在于一个设计中,其中沿着页面向下的每个其他元素都按像素对齐到左边缘,因此它在视觉上会因较大的文本大小而分散注意力.
谁能想到一种计算填充量的方法,这样我就能碰到跨度的相对位置？或者甚至可能有CSS解决方案？(letter-spacing并word-spacing没有效果.)
我承认即使是一个肮脏的解决方案似乎也不太可能......感谢您的考虑.
填充通常被称为字体的“肩膀”，它是字体设计所固有的。没有简单的方法可以抵消它，因为它的存在是出于光学原因，为字体提供正确的间距。毕竟，如果您输入 IIIIIII，则大写 I 之间需要有一些间距，而这仅来自此填充。其他字符，如 WWWWWW，则不需要。
最好的选择是使用您的字体进行实验，并测量每个字符的实际填充，然后构建一个将字符映射到其填充的表。然后你可以调整角色的位置。这是很多工作，但我不知道你还能做什么。