항상 많은도움 감사합니다.
이미지 캡쳐가 안올라가네요 https://imgur.com/c6RSDgL
쇼핑몰 사이트 주소인데요
왼쪽 사이드메뉴중에 평점별 상품에서
크롬/웨일 브라우저에선 별표 표시가 겹쳐서 표시가되요
익스에서는 제대로 나오고있구요
뭘 수정하면 좋을까여?ㅠㅠ
안녕하세요~^^
올려주신 페이지 주소로 확인해보니
아래의 CSS 코드가 추가되어 있습니다.
h1, h2, h3, h4, h5, h6, th, td, a, li, span, strong, input { font-family: 'Nanum Gothic' !important; }
font-family 속성을 HTML 태그에 그대로 적용하시면
올려주신 이미지처럼 예상치 못한 문제가 생길 수 있습니다.
가급적이면 필요한 부분에 id 선택자나 class 선택자를 사용해서 폰트를 적용하시는 걸 권장드립니다.
우선은, 아래의 CSS 코드를 추가해서 확인해보시겠어요?
.star-rating span { font-family: unset; }
CSS 코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해주세요.
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.
레이아웃이 깨지거나 특정 영역이 깨질 때
크롬 브라우저 개발자 도구(F12)를 사용하시면
문제 되는 CSS 속성을 쉽게 찾을 수 있습니다.
고맙습니다.