레이아웃을 특정 해상도나 배율에 고정적으로 만들지 말아주세요

여기다 고정 레이아웃의 문제점을 업데이트해 나가야겠다.

사례 1

왼쪽이 100%, 중간이 110%, 오른쪽이 90% 배율로 Chrome에서 보았을 때의 Tistory 카테고리 모습.

글자는 그림판으로 모자이크한 것이고;

트리 모양으로 되어 있는데 이걸 표현하는 점선이 100%만 아니면 다 깨진다.

사실 문제는 사이트 자체보다는 다른 데 있는데...

MacType에서 font substitution을 쓰고 있기 때문이다. 굴림/고딕 등을 크기가 다른 다른 글꼴로 대체해서 보고 있어서 그렇다.

MacType이 적용되지 않는 IE9으로 보면 어느 배율에서도 잘 나온다.

MacType은 WinForm까지는 적용되지만 WPF에는 적용이 안 된다고 한다.

(마찬가지 이유로 VS2008은 적용되고 VS2010은 안 되고)

MacType을 쓰더라도 fontsubstitution은 끄고 쓰든가 크기가 딱 맞는 글꼴을 쓰든가...