Text UI에 Font Style CSS 적용 Test 2

목적

MIME Repository에 등록된 fontcss.css 스타일 시트를 활용하여 Text UI에 CSS 스타일을 적용하는 방법을 설명

---

주요 단계

1. Style Sheet 등록

1.1. "Font Style Wizard2" 단원을 참고하여 Style Sheet (fontcss.css)를 MIME Repository에 등록

<사진 1> Style Sheet 등록

---

2. Text UI Object에 Style Class 적용

2.1. "UX Design Area" 또는 "미리보기 영역"에서 "TEXT1" UI Object 선택

2.2. 우측 속성 (Attributes) 패널에서 "styleClass" 속성에 "css_test" 입력

o 주의: 대/소문자 정확하게 입력해야 함

<사진 2> styleClass 속성 입력

---

3. Application 활성화 및 실행

3.1. Main Toolbar에서 "Active" 버튼(Ctrl+F3) 클릭하여 Application 활성화

3.2. Main Toolbar에서 "Application Execution" 버튼(F8) 클릭하여 실행

---

4. 스타일 적용 확인

4.1. 실행된 브라우저에서 "TEXT1" UI Object의 텍스트 "U4A"가 미적용된 텍스트와 다른 글꼴 및 Italic 효과로 출력되는지 확인

4.2. 다양한 Style Sheet를 생성하여 UI별로 개별 스타일 적용 가능

<사진 4> 스타일 적용된 Text UI 출력