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

</p>

<p>/* 구글 아이콘 */

@font-face {

  font-family: 'Material Icons';

  font-style: normal;

  font-weight: 400;

  src: url(<a href="https://example.com/MaterialIcons-Regular.eot);" target="_blank" rel="noopener noreferrer">https://example.com/MaterialIcons-Regular.eot);</a> /* For IE6-8 */

  src: local('Material Icons'),

    local('MaterialIcons-Regular'),

    url(<a href="https://example.com/MaterialIcons-Regular.woff2)" target="_blank" rel="noopener noreferrer">https://example.com/MaterialIcons-Regular.woff2)</a> format('woff2'),

    url(<a href="https://example.com/MaterialIcons-Regular.woff)" target="_blank" rel="noopener noreferrer">https://example.com/MaterialIcons-Regular.woff)</a> format('woff'),

    url(<a href="https://example.com/MaterialIcons-Regular.ttf)" target="_blank" rel="noopener noreferrer">https://example.com/MaterialIcons-Regular.ttf)</a> 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;</p>

<p>  /* Support for all WebKit browsers. */

  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */

  text-rendering: optimizeLegibility;</p>

<p>  /* Support for Firefox. */

  -moz-osx-font-smoothing: grayscale;</p>

<p>  /* Support for IE. */

  font-feature-settings: 'liga';

}</p>

<p>