삼성 갤럭시에서 특수문자에 css 효과가 안먹는 증상

다음과 같이 리뷰 rating 기능을 개발 중

가급적 이미지는 사용하지 않기 위해 특수문자를 사용했습니다.

그랬더니 유독 Android kitkat 4.4을 OS로 사용하는 삼성의 갤럭시 기기들만 다음과 같이 보입니다.

sQybc

이곳에는 어떤 CSS 효과도 적용되지 않았습니다.

결국 전 이미지를 사용하긴 했지만 여기저기 찾아보니 아래와 같이

[box type=”info”] /system/fonts/NotoColorEmoji.ttf[/box]

삼성의 기본 이모지 폰트를 안드로이드 기본 emoji 폰트로 대체하고 해결되었다 합니다.

자세한 내용은 이곳을 보시면 확인이 가능합니다.

http://forum.xda-developers.com/showthread.php?t=2618523

 

다른 대안으로 fontawesome이나 추가적으로 iconmoon과 같은 대체 폰트를 이용해서 해결 하는 방법도 있으니 참고하시면 됩니다.

 

HTML:

 

CSS:

Published by

안반장

Web과 App 개발을 하고 있으며 최근 워드프레스에 관심이 많아져 네이버 카페 워드프레스 홈페이지의 TF팀으로 활동 중 입니다.개인적으로는 안반장의 개발 노트라는 블로그를 운영하면서 개발의 즐거움과 고충들을 차곡차곡 담아가고 있습니다.