CSS frameworks 중 하나로 많은 사람들로부터 주목받고 있는 blueprintcss에는 기초 작업으로 다양한 종류의 웹 브라우저들이 기본적으로 가지고 있는 저마다 다른 스타일을 기본값으로 초기화 하는 reset.css 정의 파일을 가지고 있다. 이 파일은 Eric Meyer씨가 제안했던 reset 스타일을 기반으로 하고 있는데, 이 곳에는 body의 line-height 값으로 단위가 생략된 1.5가 지정되어 있다.

단위가 생략된 line-height을 사용하면 객체에 지정되어 있는 글꼴의 원래 크기에 단위가 생략된 line-height 수치를 곱한 결과 값을 돌려주게 되는데, 이렇게 하면 글꼴 크기가 서로 다를 경우, line-height도 글꼴 크기와 비례한 값을 얻을 수 있게 된다.

그런데, 최근 A List Apart에 올라온 “How to Size Text in CSS” 제목의 글을 읽고 나서, 단위가 생략된 line-height을 쓸 경우, 서로 글꼴 크기가 다른 여러 column들을 보유한 layout을 디자인 할 경우 vertical rhythm과 관련해서 문제를 안고 있는 것을 알 수가 있다. vertical rhythm을 추구하는 디자인은 글꼴 크기에 관계없이 일정한 line-height을 갖게 하려는 것이기에 당연한 얘기일 것이다. 그래서, vertical rhythem을 고려한 디자인이라면, line-height 값으로 글꼴 크기 변화에도 자유로운 상대적 단위인 em을 써주면 예제 페이지에서 보여주는 바와 같이 모든 브라우저들에서 글꼴 크기에 상광없이 일정한 line-height 값을 얻을 수 있단다.

결국, 다양한 구조의 column layout 디자인을 쉽게 해주는 것이 blueprintcss framework의 사용 목적이라면, line-height 값도 상황에 따라 단위를 써주는 것이 좋을 듯하다.