브라우저에서 보기 좋은 한글 고정폭 글꼴

이 페이지에서 소스코드에 한글과 영문을 섞어 쓰니까 정렬이 안 맞아서 한글 고정폭 글꼴을 찾아봤다. D2 Coding 글꼴과 네이버 나눔고딕 코딩글꼴이 괜찮아 보이는데 나눔고딕의 경우 <와 >가 수직으로 너무 길고 글꼴이 가늘어 보기에 좋지는 않았다. 그래서 D2 Coding 글꼴을 설치하고 파이어폭스에서 Monospace 폰트를 D2 Coding으로 바꾸니까 정렬 문제가 해결되었다.

한마디로 영문 monospace 글꼴에는 한글이 없기 때문에 한글과는 정렬이 맞지 않는다. 그래서 처음부터 한글을 포함해서 monospace로 디자인된 글꼴을 써야 정렬이 맞는다.