logseq custom font (1)
[logseq] 나눔스퀘어 폰트 적용하는 법
반응형

logseq 어플리케이션에 나눔스퀘어 폰트 적용하는 법

Screen Shot 2022-09-04 at 2.36.16 PM.png

 

settings > custom theme > 에서 열리는 에디터에 아래 css를 입력한다.

@font-face {
  font-family: "NanumSquareR";
  font-style: normal;
  font-weight: 700;
  src: url( "https://cdn.jsdelivr.net/npm/@kfonts/nanum-square@0.1.3/NanumSquareR.woff" ) format( "woff" );
}
:root {
  --ct-text-size: 10px;
  --ct-line-height: 1.3;
  --ls-font-family: "Only Emoji", "NanumSquareR";
  --ct-page-title-font-family: var(--ls-font-family);
  --ct-code-font-family: "NanumSquareR";
  --ls-page-text-size: 18px;
  --ls-page-title-size: 24px;
  --ls-page-line-height: 1.2;
}

폰트 굵기나 스타일 등은 해당 속성을 수정해가면서 확인하면 쉽게 적용 가능하다.

반응형
  Comments,     Trackbacks
댓글 쓰기