우커머스에는 상품별로 간략 리뷰 및 별점을 줄 수 있는 기능이 있는데요.
이커머스에서 리뷰가 매우 중요하기 때문에 구매자 도는 이용자가 남기는 리뷰 및 평점은 매우 소중한 자산이 됩니다. 풍부한 리뷰와 정확한 평가가 있는 이 커머스 사이트라면 분명히 소비자가 믿고 구입할 확율이 높아지겠죠.
우커머스 상품 리뷰 별점이 망가지다
그런데 우커머스에서 이 리뷰 별점이 망가지는 경우가 있습니다. 예를 들면 아래와 같은 모습이 나타나는데요.
이런 현상이 나타나면 상당히 당혹스럽죠.
원인을 모르니 다양한 Custom css를 동원해 문제를 해결하려고 하는데요.
해결책은 생각외로 간단하다
실상 알고보면 상단히 간단한 문제입니다. 이렇게 상품 리뷰 별점이 깨지는 이유는 여기에 글글 폰트가 적용되면서 한글 폰트에서 딱 맞는 별 문자가 없기 때문입니다.
그렇기 때문에 이 별점에는 한글 폰트 정의에서 사용한 font-family를 적용하지말고 우커머스가 적용 사항 그대로 유지하라는 css 코드를 적용하면 되죠.
아래와 같은 매우 단순한 커스텀 CSS코드를 사용하면 됩니다.
.star-rating span { font-family: unset; }
새롭게 뉴스레터를 시작했습니다.
1️⃣ 주식 등 투자 정보 : 기업 분석, IB 투자의견 등 투자 관련 내용
..... 테슬라 실적 및 IB들의의 테슬라 투자의견
2️⃣ 사례 및 트렌드 : 사례연구와 트렌드 관련 괜찮은 내용
.....유튜브와 경쟁대신 구독 전환한 비디오 플래폼 비메오 사례