구글 머티리얼 아이콘 IOS 질문드립니다.
본문
아이폰 네이버앱에서 아이콘이 안보이는데 어떻게 추가해야 하나요?
사파리, 카카오톡 인앱브라우저, 크롬, 웨일은 아이폰에서 정상 작동 확인했습니다.
안드로이드는 네이버앱에서 정상 작동합니다.
/* 구글 아이콘 */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: 100%;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
답변 2
base64 형식으로 해보시면 되실듯해요
src: url(data:font/woff2;base64,...) format('woff2'),
url(data:font/woff;base64,...) format('woff'),
url(data:font/truetype;base64,...) format('truetype');
인터넷 캐시 삭제 후 시도해보셔요
답변을 작성하시기 전에 로그인 해주세요.
