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

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 1분

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

    시작하기 전에

    필요한 역할: 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 기록을 새 의존성에 첨부합니다.