그게 바로 당신 디스코urs 이미지에서 보이는 것과 똑같은 거 아닌가요? (다만 당신의 에디터에서는 import와 as가 굵게 표시되어 있습니다)
Alex, 안녕하세요.
@Moin 님의 의견이 맞는 것 같습니다. 코드 블록에 적용된 스타일이 테마의 Custom CSS/HTML에서 온 것으로 보입니다.
아래의 이 줄(font-family: Consolas;)은 동일한 폰트를 사용하지만 폴백 옵션도 지정하는 기존 스타일을 덮어쓰고 있으므로 안전하게 제거할 수 있을 것 같습니다:
code, pre {
font-family: var(--d-font-family--monospace);
}
:root {
--d-font-family--monospace: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}
아마도 사용자의 컴퓨터에서 Consolas 폰트를 표시할 수 없어 기본(비모노스페이스) 폰트로 폴백되고 있는 것 같습니다. 해당 CSS가 존재하는지 여부는 여기에서 확인할 수 있습니다:
아, 코드 블록의 외관을 커스터마이징하기 위한 공식 테마 컴포넌트가 있다는 것도 방금 알았어요:
이것이 문제의 원인이었을 가능성이 높다고 생각했지만, 직접 확인은 하지 않았습니다. 결국 테마를 변경했는데, 그로 인해 문제가 해결되었습니다. 의견을 주신 모든 분들께 감사드립니다. 그리고 코드 블록의 외관을 커스터마이징할 수 있는 테마 구성 요소를 찾아주신 Bryce님께도 다시 한번 감사드립니다.