복수 글꼴 Verticle 메트릭

Question

그래서이 문제가있어서 수정 방법을 모릅니다. 웹 사이트를 만들고 있는데 다른 글꼴을 사용하고 있습니다.

모든 글꼴은 광학적으로 완벽하게 다른 글꼴과 완전히 동일해야하고 밑면이 완벽하게 정렬되어 있어야합니다.

내가 쓴다고 가정 해 봅시다. HELLO (helvetica) HELLO (조오지아) 나는 40px의 조지아와 같은 크기가 아닌 40px의 헬 베티 어를 사용하여 크기를 정정합니다. 그러나 문제는 기준선에 관한 것입니다.

모든 글꼴 (동일한 px 및 줄 높이)이 서로 나란히 표시되면 가로로 정렬되지 않습니다. Link to image here!

너희들 감사합니다!

Answer 1

@ cameron.townsend 의견이 정확합니다. 원하는 모양을 보려면 모든 텍스트에 vertical-align:baseline;을 사용하고 싶을 것입니다. 하지만 함께 https://jsfiddle.net/g7oqupej/1/ 말했다되고 그건

, 내가 테스트하지 않았습니다으로 크롬의 기본 (vertical-align:initial;) 행동이 다른 브라우저에 대한 vertical-align:baseline; 확실하지입니다 나타납니다 여기에

은 다른 정렬을 보여주는 바이올린입니다 나는 바이올린에서 사용한 글꼴을 원하는대로 정렬 할 수 있습니다.

나는 뭔가 다른 일이 벌어지고 있다면보고 있어야하는 문제를 보여주는 바이올린을 만드는 것이 좋습니다.