Pretendard Web Font 설정하기
화요일.
점심을 먹고 운동을 하고 와서 개발관련 글을 읽고 있는데 폰트가 이쁘다고 생각하고 확인을 해 보니 Pretendard라는 녀석이어서 당연히 외산일것이라 생각하고 구글에서 검색을 하는데 한국인이 만든것인가 보다.
오전에 적용한 ‘D2Coding Web Font’는 이로서 2시간도 안되어 버려지게 되어 버렸다.
Font/CSS설치
Pretendard Font를 받아서 적당한 Font 폴더에 넣는다.
나는 woff2만 지원 할 것이지만 css를 살펴보니 size에 따라 적당한 폰트가 다 따로 있는듯 해서 static woff2 전부를 받았다.Pretendard css를 받아서 적당한 css 폴더에 넣고 경로를 변경해준다.
적용하기
이건 자신이 처한 jekyll 테마 환경마다 다를 것이나, minima 2022-01-18기준으로..
- _includes/custom-head.html를 다음과 같이 수정했다.
<link href="/assets/css/pretendard-subset.css" rel="stylesheet" />
- _sass/minima/custom-styles.scss를 다음과 같이 수정했다.
body {
font-family: 'Pretendard', monospace;
}
code {
font-family: 'Pretendard', monospace;
}