안녕하세요,
최근 저희 인스턴스를 Discourse v2026.6 버전으로 업데이트한 후, 사용하고 있는 Foundation 템플릿에서 예상치 못한 문제가 발생했습니다.
저희 측에서 여러 가지 점검(기본 테스트, 로그 확인, 다른 컴포넌트 비활성화, 색상 팔레트 확인 등)을 수행했지만, 현재 시점에서 문제의 정확한 원인을 파악하지도 못하고 수정할 해결책도 찾지 못했습니다.
이 업데이트 이후 이 템플릿과 관련하여 비슷한 문제를 경험하신 분 계신가요? 조사할 방향, v2026.6 코어에서 특정 변경 사항, 또는 제안해 주실 아이디어가 있으신가요?
도움이나 아이디어는 언제나 환영입니다.
미리 감사드립니다!
업데이트 전:
업데이트 후:
Modernizing the Foundation theme 에서 언급된 변경 사항이 곧 적용될 예정이며, 현재 기본적으로 활성화되어 있을 가능성이 높습니다.
아직은 /admin/config/upcoming-changes로 이동하여 해당 변경 사항에 대해 "no one"을 선택하면 변경 사항을 되돌릴 수 있습니다.
하지만 이 변경 사항이 영구적으로 적용되면 더 이상 그렇게 할 수 없습니다. 그때에는 새로운 기본값을 오버라이드하는 사용자 정의 테마 구성 요소가 필요할 것입니다.
어떤 문제나 차이점에서 어려움을 겪고 계신가요?
두 분께 인사드립니다.
첫 피드백을 주셔서 감사합니다.
1 - 검색 바 위아래에 여백이 추가되었습니다.
2 - 볼드(bold)로 설정된 글꼴이 세미볼드(semi bold)로 변경되었습니다.
3 - 텍스트의 대비가 낮아졌고, 약간의 흐림 현상이 나타났습니다.
테마의 CSS에 다음을 추가하여 이를 변경할 수 있습니다:
body {
--webkit-font-smoothing: auto;
}
이것이 하는 일에 대한 자세한 내용은 여기에 있습니다: A Modern CSS Reset • Josh W. Comeau…
2018년에 출시된 macOS Mojave에서 Apple은 운영체제 전체에서 서브픽셀 안티앨리어싱(subpixel antialiasing)을 비활성화했습니다. 최신 하드웨어에서 이로 인한 해가 이득보다 크다는 것을 깨달았을 것으로 추측됩니다.
혼란스러운 점은, Chrome과 Safari와 같은 macOS 브라우저가 기본적으로 여전히 서브픽셀 안티앨리어싱을 사용한다는 것입니다.
-webkit-font-smoothing을antialiased로 설정하여 이를 명시적으로 꺼야 합니다.
차이를 보여주기 위해… 왼쪽은 --webkit-font-smoothing: auto;, 오른쪽은 --webkit-font-smoothing: antialiased;입니다.
macOS는 기본적으로 텍스트를 더 굵게 렌더링하지만, 이는 브라우저에서만 해당되고 운영체제의 다른 부분에는 적용되지 않습니다… antialiased를 사용하면 다른 운영체제에서 텍스트가 렌더링되는 모습에 더 가까워집니다… Windows의 Chrome에서는 이 CSS가 적용되지 않으며, 기본적으로 텍스트는 다음과 같이 보입니다:
이 변경 사항처럼 리셋(reset)으로 추가하는 것이 가치가 있는지 여부는 논쟁의 여지가 있습니다… 기술적으로 이는 macOS에서 글꼴을 더 얇게 보이게 하여 다른 운영체제에 더 가까운 외관을 제공하지만, 텍스트 렌더링 엔진이 다르기 때문에 메커니즘은 다릅니다.
Windows는 이 변경 사항 적용 후 macOS와 마찬가지로 얇게 보이지만, 엔진의 차이(Windows는 서브픽셀 안티앨리어싱을 수행하며, 이는 macOS에서 이 CSS를 통해 꺼지는 기능입니다)로 인해 글꼴이 약간 더 선명하게 렌더링됩니다.
