모바일 셀렉트박스에서 폰트어썸이 깨져서 나오는데 질문해봅니다
본문
셀렉트박스에 별을 폰트어썸으로 이용하는중인데요
방식은
https://stackoverflow.com/questions/65006322/how-to-add-font-awesome-to-select-option-in-mobile
여기를 참조했거든요!
[ 물론..위에 글쓴이도 결론적으론 저와같은 현상으로 질문한것이 되겠고요! ]
1. 우선 폰트어썸은 물론 제 홈피에 깔려있고요!
2. 스타일에 폰트어썸을 지정해주고
.all_star { font-family: 'FontAwesome', 'sans-serif'; }
.all_star option { font-family: 'FontAwesome', 'sans-serif'; }
3. 셀렉트박스에서 <select name="wr_star"
class부분에다가 위에 지정한 all_star를 추가한후
4. 셀렉트 옵션에서 옵션 벨류값에 폰트어썸 홈페이지 가서 유니코드를 찾아 넣었거든요
그랬더니 pc에서는 아주 잘나옵니다!
그런데 모바일에선 폰트에 대해 important를 하든 뭘하든
깨져서 나오는데...딱히 모바일폰트를 강제 지정한것은 없구요..
기종은 안드로이드고요..
혹시 이런경험 해보신분 계신지요.
조언좀 부탁드립니다!
답변 1
안드에서 브라우저 기록 삭제 부터 해보세요
그건 이미 해봤었어요! ㅠ.ㅠ 댓글 주셔서 감사합니다!
음.. 근데 저도 폰트어썸 자주쓰는데 저건 진짜 희귀하네요
그냥 내부에다가 다운 받아서 써보셨나요?
네! 폰트어썸 내부에다가 깔고 쓰고 있어요!
검색하다보니깐..아주 간혹..저랑같은 증상으로 질문하시는분들이 해외에서 있긴하더라구요
딱히 이유는 잘 모르겠어요.
그래서 pc는 폰트어썸으로 쓰고 모바일은 이모지를 쓰고 있긴한데.. 불편함은 못느끼지만..
이유는 잘은 모르겠어요!
감사드립니다! >.<
아 감사합니다!
웹폰트를 직접 css에서 base64로 인코딩을 하라는 말씀인가보네요! ^^; 항상 감사드립니다