Firefox에서 보노보노닷컴 접속시 문제 발생

첫번째. Firefox에서 웹폰트가 표시 안되는 문제


– 사이트를 수정함으로 인해 이 문제는 해결되었습니다. 아래에 두번째 문제점이 있으므로 이용에 참고해주세요. –

보노보노닷컴은 어느 브라우저에서 접속하던간에 동일한 페이지를 표시하려고 여러가지를 고려했습니다. 직접 제작하려고 생각했던 워드프레스 테마도 여러 어려움으로 인해 포기하고 가장 호환성이 좋은 테마를 선택했고 수정을 할때마다 엔진이 다른 여러 브라우저에서 테스트해보면서 문제점을 찾아 해결하였습니다.

하지만 최근 웹폰트를 적용하려고 하면서 부터 하나의 브라우저에서 문제점이 발생하기 시작합니다. 그것은 Mozilla Firefox Quantum…

보노보노닷컴은 처음 바른고딕 웹폰트를 시작으로 현재는 본고딕을 적용하고  있는데 Mozilla Firefox는 Microsoft 기술인 eot 웹폰트를 지원하지 않아서 Internet Explorer, Edge, 그리고 웹킷과 블링크 엔진(Chrome, Safari, Opera 등)을 사용하는 브라우저들에서 잘 표시되는 웹폰트가 Firefox에서는 표시되지 않고 굴림체로 표시되는 문제점이 있었습니다. 따라서 Firefox와 타 브라우저간 표시가 달라지는 문제가 발생했던거죠. (관련 포럼에서 웹폰트 언급내용)

따라서 이 문제는 웹폰트를 사용하지 않는한 해결방법이 없는것 같아서 폰트(서체) 자체를 다운로드 형식으로 제공하기로 했습니다. 보노보노닷컴 또는 모든 본고딕 웹폰트 적용 사이트에서 사용 가능합니다.

NotoSansKR (본고딕) 다운로드

(주의 : NotoSansCJK와 다릅니다. 보노보노닷컴은 NotoSansKR이 적용되었습니다. 위 다운로드 링크를 통해 다운로드하고 설치해도 해결안되는 사이트는 NotoSansCJK를 설치해보세요. 설치방법은 압축을 푼 후 Windows의 경우 c:\Windows\Fonts 에 넣어주고 macOS의 경우 서체관리자에서 설치하면 됩니다. 설치시 뜻하지 않은 효과를 볼 수도 있는데 로컬에서 폰트를 로딩하기 때문에 사이트 로딩속도의 향상을 볼 수 있습니다.)

두번째. Adguard 사용자의 https 접속 불가 문제

이 문제는 보노보노닷컴의 문제는 아니며 Firefox의 문제도 아닌 문제로써 OS에 설치하는 형식인 Adguard의 문제입니다. 웹브라우저의 플러그인 형태인 Adguard AdBlocker는 해당사항 없습니다.

이는 Internet Explorer나 Chrome 등에서 https 형식으로 접속하면 해당 사이트의 인증서를 광고차단과 웹추적 차단을 위해 Adguard의 인증서로 대체해서 접속합니다. 이를 위해 Adguard 설치시 사용하는 OS의 시스템에 Adguard 루트인증서를 설치하게 되는데 이를 Firefox는 문제있는 인증서로 인식하여 접속을 차단하게 됩니다. Internet Explorer와 Edge, 그리고 모든 웹킷과 블링크 엔진(Chrome, Safari, Opera 등)은 OS에 내장된 시스템 인증서를 사용하지만 Firefox는 자체 인증서 저장소를 사용하기때문에 발생되는 문제입니다.

해결방법은 Firefox의 설정 → 개인 정보 및 보안 → 인증서 보기 → ‘인증 기관’탭의 ‘가져오기’ 버튼 → 아래의 경로에 있는 Adguard Personal CA.cer 를 선택 → 새 인증기관을 신뢰하는지 묻는 창에 있는 항목 모두 체크 후 ‘확인’버튼을 눌러주면 됩니다.

Windows : C:\ProgramData\Adguard\NetworkTemp\SSL
macOS : /Library/Application Support/com.adguard.Adguard/NfApiConfiguration/SSL

안드로이드용 Firefox는 아래 주소를 Firefox로 접속하여 Adguard Personal CA.cer를 추가합니다.

https://server.bonobono.com/Adguard Personal CA/Adguard Personal CA.cer

이후 재접속 및 새로고침 하면 보노보노닷컴을 포함한 https 형식의 사이트가 정상적으로 뜨는것을 확인할 수 있습니다.

댓글 남기기