본고딕에 이어 본명조가 작년에 출시됐습니다. 명조체는 웹에서는 잘 사용하지 않는데 혹시 큰 글자로 사용할 수도 있기에 웹폰트로 경량화 해봤습니다. 원래의 폰트가 otf로 제작됐는데 뭔가 잘못된 것인지는 몰라도 웹폰트 변환이 잘 안됩니다. 따라서 woff2 버전이 안돼서 woff 버전만 포함했습니다.


NotoSerifKR.zip


압축해제하면 아래와 같습니다.



fonts 폴더에 7개의 폰트를 모두 넣었습니다. 사이트에서 css 파일에 아래와 같이 css 파일을 연결해주면 됩니다.


@import url('NotoSerifKR/noto-serif-kr.css');


body, h1, h2, h3, h4, h5, h6, p {

font-family:'NotoSerifKr-Regular', serif !important;

}





16px로 했을 때 영문과 한글입니다.


demo.html 파일을 열면 다음과 같습니다.