구글 아이콘 적용
페이지 정보
작성자
벗벼리
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 1건
작성일 23-03-30 23:29
본문
https://material.io/resources/icons/?style=outline
팁으로 주신 링크를 참고해서 아이콘을 변경하려고 하는데요.
검색해서 해당 코드를 입력하면 나타나지 않는 아이콘들이 많습니다.
현재 올려주신 사이트로 접속하면
https://fonts.google.com/icons
위의 사이트로 리다이렉팅이 되는데, 거기에 나타난 Material Icons가 추가가 돼서 그러는 건가요?
아니면 테마에서 제공해주신 css나 이런 부분을 업데이트 혹은 변경을 해야 하는 건지요?
* 글작성시에는 최대한 많은 정보를 알려주시기 바랍니다. 대략적으로 알려주시면 답변드리기가 매우 어렵습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.
* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)
댓글목록
소프트존님의 댓글
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
작성일
안녕하세요.
Material 아이콘이 버전이 올라가면서 그런 현상이 나온것 같습니다.
테마 업데이트시에 참고해서 최신버전으로 되도록 맞추도록 노력하겠습니다.
해당 아이콘을 사용할때 최신버전을 적용하는 방법은
테마폴더 / css / common.css 보시면 맨위에
---
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url('../common/font/MaterialIconsOutlined-Regular.eot'); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIconsOutlined-Regular'),
url('../common/font/MaterialIconsOutlined-Regular.woff2') format('woff2'),
url('../common/font/MaterialIconsOutlined-Regular.woff') format('woff'),
url('../common/font/MaterialIconsOutlined-Regular.ttf') format('truetype');
}
위 처럼 폰트를 직접 불러와서 사용하고 있었습니다.
해당 내용 아래에
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
위 내용을 추가해주시면 아이콘이 재대로 나올것 같습니다.
기존에 위 폰트 내용은 지워주시는게 좋을것 같습니다.
최신버전의 폰트 다운로드와 사용법 관련해서는 아래주소 참고 한번 부탁드리겠습니다.
감사합니다.
머터리얼 아이콘 가이드
https://developers.google.com/fonts/docs/material_icons?hl=ko
메뉴얼
