구글 머티리얼 아이콘 IOS 질문드립니다. 채택완료

아이폰 네이버앱에서 아이콘이 안보이는데 어떻게 추가해야 하나요?

사파리, 카카오톡 인앱브라우저, 크롬, 웨일은 아이폰에서 정상 작동 확인했습니다.

안드로이드는 네이버앱에서 정상 작동합니다.

Copy
/* 구글 아이콘 */
@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개

채택된 답변
+20 포인트

base64 형식으로 해보시면 되실듯해요

Copy
src: url(data:font/woff2;base64,...) format('woff2'),
       url(data:font/woff;base64,...) format('woff'),
       url(data:font/truetype;base64,...) format('truetype');
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

인터넷 캐시 삭제 후 시도해보셔요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고