위젯 의존성으로 글꼴 아이콘 포함

위젯 의존성으로 포함하면 위젯이 로드되는 모든 위치에 글꼴 아이콘을 포함할 수 있습니다.

시작하기 전에

필요한 역할: admin 또는 sp_admin

이 태스크 정보

주:

위젯 종속성으로 포함된 CSS는 범위가 지정되지 않으며 페이지의 다른 CSS를 방해할 수 있습니다.

프로시저

1. 플랫폼 UI에서 서비스 포털 > CSS 을 클릭하고 새 스타일 시트를 만듭니다.
2. 생성한 sp_css 기록에 설정된 글꼴-아이콘을 첨부하고 첨부 파일 sys_id 글꼴 아이콘의 src 로 사용합니다.
   예:

   @font-face {
     font-family: 'Material Icons';
     font-style: normal;
     font-weight: 400;
     src: url('/828b8ca8b7033010897725cbde11a9f7.iix') format('woff2');
   }
   
   .material-icons {
     font-family: 'Material Icons';
     font-weight: normal;
     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';
   }

3. 다음으로 이동 서비스 포털 > 의존성 을 클릭하고 새 종속성을 생성합니다.
4. CSS 포함 관련 목록을 사용하여 생성한 CSS 기록을 새 종속성에 첨부합니다.