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

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

QA

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

본문

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

 

방식은

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. 셀렉트 옵션에서 옵션 벨류값에 폰트어썸 홈페이지 가서 유니코드를 찾아 넣었거든요

 

2072820921_1679160308.6679.png

 

 

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

 

2072820921_1679159945.8798.png

 

 

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

 

2072820921_1679159964.1485.jpg

 

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

 

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

 

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

 

조언좀 부탁드립니다!

 

2072820921_1679160087.8336.jpg

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 55,456
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT