A: This text uses the Verdana font (14px), which has relatively large lowercase letters.
B: This text uses the Times font (14px), which is hard to read in small sizes.
C: This text in 14px Times font is adjusted to the same aspect value as the Verdana font, so lowercase letters are normalized across the two fonts.
D: This text in 14px Times font is adjusted to the same cap-height to font size ratio as the Verdana font, so uppercase letters are normalized across the two fonts.
.times { font-family: 'Times', serif; font-size: 14px; } .verdana { font-family: 'Verdana', sans-serif; font-size: 14px; } .adj-times-ex-height { font-size-adjust: 0.545; } .adj-times-cap-height { font-size-adjust: cap-height 0.73; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius mauris convallis, euismod eros quis, porta elit. Nullam feugiat est eget ipsum faucibus egestas. Cras congue suscipit vulputate. Mauris arcu nulla, suscipit at pulvinar non, aliquet et metus. Phasellus turpis felis, rhoncus quis diam sed, commodo sodales diam. Nulla ut lobortis lectus. Nunc molestie lorem eu magna interdum, sed porttitor augue condimentum. Sed non enim quis eros vehicula ultrices. Pellentesque lorem risus, vulputate vel nisl vitae, lacinia feugiat quam. Ut porttitor at sapien eu laoreet. Curabitur quis tempor risus. Donec at nunc a felis gravida commodo sed quis ligula. Pellentesque molestie tortor at egestas rutrum. Nunc ullamcorper dui id augue ultricies, ac tincidunt odio dapibus. Sed placerat lectus sit amet molestie viverra.