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

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

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

이 질문에 댓글 쓰기 :

답변 1

안드에서 브라우저 기록 삭제 부터 해보세요

네! 폰트어썸 내부에다가 깔고 쓰고 있어요!
검색하다보니깐..아주 간혹..저랑같은 증상으로 질문하시는분들이 해외에서 있긴하더라구요

딱히 이유는 잘 모르겠어요.
그래서 pc는 폰트어썸으로 쓰고 모바일은 이모지를 쓰고 있긴한데.. 불편함은 못느끼지만..
이유는 잘은 모르겠어요!

감사드립니다! >.<

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

회원로그인

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