Text UI에 Font Style CSS 적용 Test 1¶

목적¶

Text UI에 다양한 글꼴 스타일을 적용하기 위해 CSS를 설정하는 방법을 설명

<사진 1> UX Design Area의 Tree 영역에서 "PAGE" UI Object 선택

<사진 2> 선택한 "PAGE" UI Object를 마우스 우클릭 후 "Insert Elements" 선택

<사진 3> 활성화된 "UI Object Select" 팝업에서 "Aggregations" 리스트 중 "content" 선택

<사진 4> 표시된 영역의 "UI Object" 입력란에 "text" 입력 후 Enter

<사진 5> 출력된 UI Object 리스트에서 "Text" Object 선택 후 "Confirm" 클릭

<사진 6>"PAGE" UI Object 하위에 "TEXT1(Text UI Object)" 정상적으로 등록됨

o 이 작업을 총 3회 반복하여 TEXT1, TEXT2, TEXT3 추가

<사진 7> "TEXT1" Object 선택

<사진 8>Properties 항목 중 "text" 속성에 "U4A" 입력

<사진 9> "TEXT2" Object 선택

<사진 10>Properties 항목 중 "text" 속성에 "WorkSpace" 입력

<사진 11>"TEXT3" Object 선택

<사진 12>Properties 항목 중 "text" 속성에 "123" 입력

o 3개의 Text UI Object가 기본 스타일로 정상 출력됨

o 이후 필요에 따라 CSS 파일을 적용하여 스타일 변경 가능

<사진 13> 기본 스타일 적용된 Text UI 출력