모바일 셀렉트박스에서 폰트어썸이 깨져서 나오는데 질문해봅니다 채택완료

셀렉트박스에 별을 폰트어썸으로 이용하는중인데요

방식은

https://stackoverflow.com/questions/65006322/how-to-add-font-awesome-to-select-option-in-mobile

여기를 참조했거든요!

[ 물론..위에 글쓴이도 결론적으론 저와같은 현상으로 질문한것이 되겠고요! ]

1. 우선 폰트어썸은 물론 제 홈피에 깔려있고요!

2. 스타일에 폰트어썸을 지정해주고

</p>

<p>.all_star { font-family: 'FontAwesome', 'sans-serif';  }</p>

<p>.all_star option { font-family: 'FontAwesome', 'sans-serif';  }</p>

<p>

3. 셀렉트박스에서 

class부분에다가 위에 지정한 all_star를 추가한후

 

4. 셀렉트 옵션에서 옵션 벨류값에 폰트어썸 홈페이지 가서 유니코드를 찾아 넣었거든요

 

 

 

그랬더니 pc에서는 아주 잘나옵니다!

 

 

 

그런데 모바일에선 폰트에 대해 important를 하든 뭘하든

 

 

깨져서 나오는데...딱히 모바일폰트를 강제 지정한것은 없구요..

 

기종은 안드로이드고요..

 

혹시 이런경험 해보신분 계신지요.

 

조언좀 부탁드립니다!

 

#그누보드5

좋아요 0 싫어요 0

스크랩 (0)

공유

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

좋아요순 최근순 오래된순