Hugo에서 blowfish 테마 커스텀 수정하기

Table of Contents

블로그 커스텀하기
#

블로그 개설한지 벌써 한 3개월이 지난듯 싶습니다.
포스팅 의미있는거 해보려고는 하는데 뭔가 딱히 아직 포스팅을 할만한 유의미한 정보가 없어서 못하고 있습니다…

이번에 블로그를 커스텀하면서 적용한 코드를 정리하고자 합니다.

블로그 적용 기술
#

블로그에 적용한 기술들을 한번 정리해봤습니다.

Cloudflare Pages 적용
#

포스팅 바로가기

기존에 블로그에 포스팅한 글로 대체하겠습니다.
Netlify를 사용하다가 Cloudflare로 교체해서 서버리스 플랫폼을 사용하고 있습니다.

자세한 내용은 포스팅을 참고 해 주세요.

나눔고딕 폰트 적용
#

Blowfish 테마에서 기본적으로 제공하는 폰트는 다음과 같습니다.

  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

기본적으로 한글 폰트를 기기에서 지원하는 폰트로 지원하고 있습니다.
하지만 저는 한글 포스팅의 가독성을 높이기 위해 네이버에서 개발한 나눔고딕 폰트를 사용하기로 했습니다.

@font-face { /* 나눔고딕 한글에만 적용 */
    font-family: "Nanum Gothic";
    src: url('/fonts/NanumGothic-Regular.ttf');
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF;
}

html {
    font-family: "Nanum Gothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}