비교가 쉽게 3배 확대해서 보면요

일반 책과 달리 모니터에서는 흔히 깨진다는 표현을 쓰는 현상이 나타납니다. 그것은 모니터로 보는 것들이 픽셀들로 이루어져있기 때문이죠.

위에서 보면 제 온라인名인 "제이씨"를 대표적 한글글꼴로 비교한 것입니다.
결론부터 말씀드리자면 고딕계열의 글꼴이 가장 깨짐현상이 적은 글꼴로
각이 딱 딱 져있어 모니터상에서 선명하게 보입니다.

바탕 ===> 명조체 ; 영어의 serif글꼴에 해당
돋움 ===> 고딕체 ; san sarif글자에 해당

즉, html에서 <font face=바탕>처럼 써주면 한글은 우리글자는 바탕글자, 영어는 serif로 나타납니다.

<font face=돋움>처럼 써주면 한글은 돋움글꼴, 영어는 sans serif로 나타납니다.