Arial 제목 글꼴이 2.7.0.beta5에서 Times로 표시됨

방금 2.7.0.beta5 8fcad73b36으로 업데이트했는데, 내 사이트의 글꼴이 Times로 표시되기 시작했습니다(설정 문제 시 기본 글꼴이라고 추측합니다).

"제목 글꼴"을 다른 것으로(예: Roboto) 변경하면 사이트가 다시 Arial로 표시됩니다(제목 제외). 처음에는 문제가 “기본 글꼴” 설정에 있는 줄 알았지만, 해당 설정은 정상적으로 작동하는 것 같습니다. 그러나 "제목 글꼴"을 기본 설정(Arial)으로 설정하면 무언가가 깨지고 기본 글꼴이 Times로 표시됩니다.

특이한 테마를 사용하지 않고, 사용자 정의 스타일시트에서 --font-family 변수를 설정하지도 않습니다. 현재 설치된 테마 구성 요소(모두 최신 버전)는 다음과 같습니다:

  • Custom Header Links
  • DiscoTOC
  • Mobile Category List Adjustments
  • Topic Thumbnails
2개의 좋아요

저도 모든 글꼴을 Times로 사용하고 있지만, 폰트는 Montserrat를 사용하고 있습니다.

페이지의 거의 모든 텍스트를 검사해 보면, Elements 페이지에서 font-family: var(--font-family);가 그대로 표시됩니다. 저는 CSS에 대해 전혀 전문적이지 않지만, 이게 어딘가에서 컴파일이 되지 않은 건지 궁금합니다.

1개의 좋아요

어제 업데이트 후 커뮤니티 포럼에서도 이 문제를 확인했습니다. 사이트 재빌드(Rebuild)를 진행한 후 우리 쪽에서는 문제가 해결되었습니다.

3개의 좋아요

@Nacho_Caballero UI를 통해 업데이트를 하셨나요, 아니면 CLI를 통해 하셨나요? 두 번째 업데이트로 문제가 해결되나요? 가능하시면 해당 사이트의 URL도 함께 올려주세요.

2개의 좋아요

UI를 통해 처리했습니다. @pmusaraj 방금 CLI로 다시 빌드해 봤는데, 문제가 사라졌음을 확인했습니다.

API를 통해 업데이트한 후 뭔가 깨진 것처럼 보이면 항상 CLI로 다시 빌드를 시도해 보라는 내용을 제 SOP에 추가하겠습니다. :sweat_smile:

1개의 좋아요

최근 2.7.0.beta5( 36ec09a07b )로 업그레이드했는데, Dark와 Light를 제외한 테마들이 더 이상 font-family와 heading-font-family의 루트 CSS 변수를 설정하지 않는 것 같습니다.

설정에서 내 폰트와 제목 폰트는 "Arial"로 지정되어 있습니다.

커스텀 테마에서는 다음 CSS를 추가하여 우회할 수 있습니다:

:root {
    --heading-font-family: Arial, sans-serif;
    --font-family: Arial, sans-serif;
}

이를 테마의 CSS에 추가하면 됩니다. Graceful 테마에서도 동일한 문제가 발생하는 것으로 보이지만, 해당 테마는 오버라이드할 수 없습니다.

Dark와 Light 테마는 영향을 받지 않는 것 같습니다(루트 CSS 변수를 설정하고 있음).

이것은 Discourse의 버그로 간주해야 하는지, 아니면 이제 커스텀 테마가 이 변수들을 직접 설정해야 하는 것인지 궁금합니다.

DEV: Refactor font and category background importers (#12312) · discourse/discourse@4071af1 · GitHub 이 커밋이 관련이 있을 수 있습니다. @pmusaraj

안녕하세요 @ryantm, 기본적으로 동일한 문제라 여기로 옮겼습니다.

meta에서 Graceful 테마로는 이 문제를 재현할 수 없었습니다. 또한 님의 사이트에서도 재현이 되지 않는 것 같습니다. 재현 단계를 공유해 주시겠습니까?

또한, 폰트 정의는 테마의 CSS가 아니라 코어의 CSS 파일에 포함되어야 합니다. 예를 들어 이렇습니다:

위에서 링크하신 제 커밋이 원인이 될 가능성이 높지만, 캐시된 스타일시트 관련 문제일 수도 있습니다. 강제 새로고침을 시도해 보셨나요?

2개의 좋아요

병합해 주셔서 감사합니다.

네, Graceful 테마는 강제 새로고침을 통해 스스로 해결되었습니다.

다른 커스텀 테마(단순히 커스텀 색상 팔레트만 적용한 테마)는 강제 새로고침을 해도 작동하지 않았습니다. 제 다른 Discourse 인스턴스에서 테마를 내보낸 후 가져오는 방식으로 재현을 시도해 보았는데, 그곳에서는 정상적으로 작동했습니다. 그래서 문제가 발생하던 서버에서도 동일한 방식으로 내보내고 가져오기를 시도해 보았는데, 지금은 이쪽도 정상적으로 작동합니다!

1개의 좋아요