Times New Roman의 CSS 값

Times New Roman은 Arial보다 “작은” 글꼴처럼 보이므로, 이 글꼴로 변경하는 권장 방법이 있는지 궁금했습니다. Change font sizes in your themes 링크를 확인해 보았지만, 여전히 약간 혼란스럽습니다!

--font-family와 --heading-font-family를 Times New Roman으로 변경했는데, 크기에 대해서는 고민이 됩니다.

테마의 common.scss 파일에 이 코드를 추가하면 모든 글꼴 크기가 1px 증가합니다(기본값은 15px입니다).

html {
    font-size: 16px; 
    &.text-size-smallest {
      font-size: 14px; 
    } 
    &.text-size-smaller {
      font-size: 15px; 
    }
    &.text-size-larger {
      font-size: 18px;
    }
    &.text-size-largest {
      font-size: 20px; 
    }
  }

핵심 부분은

html {
  font-size: 16px; 
}

이고, &.text-size-smallest와 같은 나머지 부분은 사용자 설정의 텍스트 크기 설정을 조정하는 데 사용됩니다: https://meta.discourse.org/my/preferences/interface

잘 작동하네요, 감사합니다! :slight_smile: