[Obsidian] 한글 글꼴 설정

3월 11, 2021

2022년 4월 11일 추가

이제 최신 옵시디안 프로그램을 사용하면, 설정 창의 테마 부분에서 Interface Font, Text Font, Monospace Font를 따로 지정할 수 있다. 이 설정은 테마의 설정보다 우선하기 때문에, 사용하고자 하는 좋은 한글 글꼴이 있는 경우에는 여기에 저장을 해 두고 사용하면 된다. 따라서, 이 글에서 언급한 글꼴 설정은 더 이상 필요하지 않다. 다만 기록의 의미에서 본문 내용을 지우지는 않고 남겨둔다.

Obsidian은 다양한 테마를 지원한다. (이 프로그램에 대한 설명은 나의 지식관리시스템 = Obsidian + Dropbox + Drafts 5 + Hook + Zotero + EagleFiler 포스트에서 좀더 자세히 볼 수 있다)

위의 테마 설정에서 '공개용 커뮤니티 테마' 옆의 '검색' 버튼을 누르면 다양한 테마를 고를 수 있다. 원하는 테마를 고른 후에 '사용하기' 버튼을 누르면 바로 테마가 바뀌게 된다. 실제로는 테마 css 파일을 다운로드 받은 후에 vault_name/.obsidian/themes/ 폴더 안에 저장하는 것이다.

다양한 테마들을 사용하면서 느끼는 것은, 여러 테마들이 다양한 영문 글꼴들을 잘 사용하고 있다는 점이다. 글꼴에 따라서 전체적인 느낌과 사용성이 완전히 달라지기 떼문에 좋은 테마를 만드는 것은 좋은 글꼴을 고르는 것도 중요한 요소가 되는 것이다. 그런데 특정한 영문 글꼴을 쓰면 한글 글꼴은 완전히 못생겨서 마음에 들지 않는 경우가 생긴다. 그래서 테마의 다른 요소들은 그대로 사용하면서 한글 글꼴만 적절히 사용할 수 있으면 좋겠다는 생각을 하게 되었다.

그리고 이럴 때 사용할 수 있도록 CSS 스니펫이라는 기능이 있다. 말 그대로 css 파일을 통해서 원하는 설정을 적용할 수 있는 기능이다. 고정폭 글꼴을 써서 보고 싶어서 Hack 글꼴 또는 D2Coding을 사용하도록 설정해 보았다.

body {
	font-family: Hack, D2Coding, monospace;;
}

.theme-dark {
	--default-font: Hack, D2Coding, monospace;
	--font-family-editor: Hack, D2Coding, monospace;
}

이 css 파일을 mono-font.css 정도의 이름으로 저장한 후에 vault_name/.obsidian/snippets/ 폴더에 넣어준다. 이제 CSS 스니펫 목록에 mono-font가 뜨면 켜 주기만 하면 된다. 이 정도만 해도 웬만한 테마에서는 잘 작동을 하는 것을 확인할 수 있다. 원하는 글꼴이 있으면 위의 리스트의 앞쪽에 넣어주면 된다.

만약 다양한 글꼴을 사용하기를 원한다면 이런 파일을 여러 개 만들어 두고 필요에 따라 적용을 할 수 있다. 사용자가 넣은 CSS 스니펫은 각각 적용 여부를 선택할 수 있기 때문이다.

2021년 3월 19일 추가

Apple Newsroom 서체 따라하기 글에서 PAYW-Pro 글꼴을 알게 되었다. 영문 Inter 글꼴과 jhaemin/noto-sans-kr에 있는 수정된 Noto Sans 글꼴을 합쳐서 만든 글꼴이다. 시스템에 글꼴을 설치한 후에 'PAYW Pro'로 css 안에서 지정하여 사용하면 된다. 현재는 이 글꼴을 Spectrum 테마와 함께 사용하고 있다.

2021년 9월 10일 추가

글꼴에는 가변폭과 고정폭이 있다. 내가 사용하고 있는 Spectrum 테마는 원래 고정폭 글꼴을 염두에 두고 개발한 것이라 일반적인 가변폭 글꼴보다는 고정폭 글꼴을 쓰는 편이 더 나아보인다. 그런데 고정폭 한글로 많이 사용되는 D2Coding 글꼴을 내가 별로 좋아하지 않아서, 어떤 글꼴을 쓰는 것이 좋을까 고민을 했었는데, 영문 글꼴은 Hack Nerd Mono를, 한글 글꼴은 Noto Sans Mono CJK KR을 쓰는 것으로 결정했다. 위의 글꼴 설정 css에서 font-family의 맨 앞에 'Hack Nerd Font Mono', 'Noto Sans Mono CJK KR' 이 두 개를 넣으면, 일단 영문 글꼴은 Hack Nerd를 쓰고 한글 글꼴은 Noto Sans Mono를 쓰게 된다.

Comments