조회 수 67 댓글 5

<span style="color:pink">♥</span> 으로 하트를 출력하게 했는데

PC 브라우저에서는 1.png 하트가 정상적으로 뜨는데

모바일에서는 모바일에 내장된 기본 폰트를 로드해서 그런가 2.png 하트 모양이 바뀌어 버리네요 ㅠㅠ

 

그래서, layout.css에 강제로 @import 나눔고딕 (물론 소스는 제대로 썼어요!) 해서

나눔고딕을 로드하게 했는데 모바일에서는 그대로 표시되는데 어떻게 해야 될까요 ㅠㅠ

Atachment
첨부 2
  • ?
    김제니 2016.10.21 22:51:55
    *제 사이트는 http://www.lovelys.me/FREE/1683 입니다!
  • ?
    SimpleCode 2016.10.21 23:43:55 Files첨부 (1)

    Screenshot_20161021-234127.png

     

    제가 직접 확인해봤는데 갤럭시 S7 엣지(크롬)에서는 잘 나오는 것 같습니다.

    안드로이드 내장 브라우저도 차이가 없고요.

  • ?
    김제니 2016.10.21 23:45:44
    지금은 하트가 아니라 font-awesome 아이콘 중 하트로 교체했습니다!
  • ?
    SimpleCode 2016.10.21 23:51:48
    모바일에서 볼 때, 한자 키를 통해 입력한 대부분의 특수기호는 PC와는 약간 다르게 디자인되어 있습니다.
    말씀하신 것처럼 PC, 모바일 동일한 모양을 원하신다면 Font Awesome 같은 아이콘 폰트를 이용하시는 게 좋습니다.
  • ?
    김제니 2016.10.22 22:16:02
    그렇군요 ㅠㅠ
    결국 나눔고딕을 강제로 웹폰트로 로드해서 하트처리하는 것으로 했습니다 ㅠㅠ
    답변 감사해요!

서버에 요청 중입니다. 잠시만 기다려 주십시오...