폰트어썸 아이콘 출력이 안됩니다
본문
잘 나오고 있었는데 어딜 수정한건지 갑자기 잘 안 나옵니다.
혹시 해서 폰트어썸 폴더를 재업로드 했는데도 안 나옵니다.
혹시 어디를 확인해봐야할지 힌트라도 얻을 수 있을까요
답변 8
아니시면 직접 테마/head.sub.php에서 그누보드 js파일안에 있는 폰트어썸 링크를 지우고
https://fontawesome.com/start 에 가셔서 폰트어썸 cdn을 직접 불러오셔서 최신버전 폰트어썸을 찾아서 활용하시는법도 한가지 방법입니다. 다만 번거로운점이라면 잘 출력되는 애들도 같은 아이콘을 찾아서 바까줘야한다는 점이 다소 노다가 작업일수도 있긴합니다
크롬에서 css보신다음에 경로 설정이 맞는지보세요
css는 들어가있는것으로 보이는데.. 뭐가 문제일까요 캡처 첨부합니다
버전을 확인해보시요 5버전 이시면 4버전떄꺼 안나오는 것들이 있더라고요
그누보드 5.3에 기본으로 탑재된 아이콘들외에는 별도로 추가하지 않았습니다. 기본 아이콘들이 출력이 안되네요 ㅠㅠㅠ
https 로 접속 하셨는데 css는 http로 불러오는지 확인해보세요
현재 둘다 http입니다 ㅠㅠㅠ 정말 왜이럴까요
사이트 링크를 주시면 편할듯 합니다
혹시 www 를 붙이고 안붙이고 차이 아닌가요???
폰트어썸5버전이시면 아래 css 부분 넣어보세요.
display:inline-block; font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f014"; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
버전 바뀌면서 해당 css 다 넣어주고, font-weight 800 아니면 안나오는 아이콘이 있더라구요.
혹시 저같이 의외의 곳에서 고생하시는 분이 계실까하여 남깁니다.
폰트 전체적으로 교체하면서 :before, :after도 선택했던게 문제였습니다.
*.not(i):after, *.not(i):before로 선택자를 바꿨더니 너무 잘 나옵니다 허허
자기 자신의 답은 채택이 안되어 가장 최근에 답변 남겨주신 분을 채택했습니다.
정말 큰 도움 되었습니다 팁 공유해주셔서 감사합니다ㅠㅠ
