FIX : 기기 또는 OS 환경에 따라 화면 깨짐 이슈

EO-galaxy / EO-galaxy-ADMIN

🔮 EO Galaxy 번역 데이터 관리 페이지 | EO Galaxy Admin

https://eo-galaxy-admin.vercel.app/

0 stars 1 forks source link

Open anonymousRecords opened 3 months ago

anonymousRecords commented 3 months ago

Safari로 웹 사이트 접속 시, font family가 본래 의도대로 적용이 되지 않은 것을 확인할 수 있다.

Chrome

iOS

Android

anonymousRecords commented 3 months ago

Chrome, Safari, iOS(Chrome), Android(Chrome)에서만 확인을 진행했는데, 아래 아티클을 통해 유용한 툴을 찾았음. 웹페이지 기기별 테스트 필요할 땐 'Responsively'

https://responsively.app/ 통해서 테스트를 계속 진행해 볼 계획임.

anonymousRecords commented 2 months ago

글꼴을 추가하고

html,
body {
  font-family: "Pretendard", sans-serif !important;
}

important로 우선 처리함. 하지만 해당 아티클에서도 볼 수 있듯이 지양해야 하기 때문에 수정이 필요함.