브라우저마다 로고 동작이 다른가요?

여러분 안녕하세요.

'logo’와 'logo small’에 로고를 설정했는데, Chrome(및 파생 브라우저)에서는 해당 로고가 표시되지만 Firefox에서는 로고가 표시되지 않고 대신 'title’이 표시됩니다. (이 'title’은 Chrome 계열 브라우저에서는 표시되지 않습니다.)

버전: 59dd20c415

사용자 차원에서 이 비정상적인 동작을 표준화하거나 통일할 수 있는 방법이 있을까요?

음, 재현이 안 되는 것 같아요. :thinking:

포럼과 메타(Meta) 양쪽에서 크롬, 파이어폭스, 사파리 세 가지 브라우저를 동시에 실행해 봤고, 아이패드와 윈도우 노트북 모두에서 로고가 정상적으로 표시되고 있어요. 혹시 모르니 방금 파이어폭스와 크롬도 업데이트해 두었습니다.

스크린샷을 올려주실 수 있을까요? 파이어폭스의 시크릿 모드(프라이빗 브라우징)는 시도해 보셨나요?

이 부분에 기여하는 운영체제도 언급했어야 했는데, 최신 Fedora입니다.

이러한 동작이 나타나는 사이트의 주소를 알려주시면 도움이 될 수 있습니다.

정말 그렇게 하기 원하지 않으신다면, 저희 호스팅에서 시험 환경을 시작하고 동일한 방식으로 설정한 뒤 문제가 다시 발생하는지 확인해 보실 수 있습니다.

몇 분 후… :slight_smile:
여기 Fedora(또는 기타 Linux) 사용하시는 분 계신가요?
네, 저는 쉽게 재현할 수 있다고 생각합니다 - 어떤 시험 설정도 하지 않으면 더 쉽죠.
제가 하는 대로 하시면 됩니다 - 해당 버전을 받아서 배포하면, Chromium 기반 브라우저에서는 로고가 표시되고, Firefox에서는 제목만 표시되고 로고는 표시되지 않습니다.

p.s. 이 사이트는 비공개 사이트이며 내부 테스트 랩입니다.

저는 Ubuntu 워크스테이션에서 로컬 개발용 Discourse 인스턴스를 실행 중인데, 모든 로고가 예상대로 잘 작동합니다. :woman_shrugging:t2:

discussion.fedoraproject.org에서 이 내용을 보시나요?

거기서는 정상적으로 표시되네요.
웹 개발자가 아니라서 두 브라우저에서 가져온 HTML 소스에 대한 diff만 수행할 수 있는데, 다음과 같은 차이가 보입니다:

-> $ diff brave firefox
1d0
< 

그리고 시각적으로는 스냅샷이든 HTML 소스든, 어느 쪽에서도 사용자가 로그인되어 있지 않습니다.

아마 제가 실행 중인 특정 릴리스/버전의 문제일 수도 있고… 아니면 Firefox의 코드 “처리 및 렌더링” 방식 때문일 수도 있습니다.
3.0.5 / 461966e028

로고에 사용된 이미지 형식을 Firefox가 처리하지 못해 텍스트로 대체되는 것 같습니다.

그런데 왜 로고에만 그런 문제가 생기는 걸까요 — .png와 .gif를 시도해 봤는데 — 다른 discourse/포럼에서는 잘 작동하거든요?

자, 여기가 "수정"입니다. 제 경우엔 문제가 해결되었어요. 웹 서버 쪽에서만 https를 설정하고 사용해도, Discourse에서 'force https’를 활성화해야만 Firefox에서 로고가 표시되었습니다 (Chrome 계열 브라우저는 해당 옵션을 활성화하지 않아도 되었고요).

참고로 'force https’는 favicon에도 영향을 미치는데, 이건 제 다른 토픽 주제이기도 합니다.

이것은 예상되는 사항입니다: