콘텐츠로 이동

Font Style Wizard 3

목적

U4A IDE의 StyleClass Editor를 사용하여 CSS 코드를 등록하고 적용하는 방법을 설명

주요 단계

1. CSS 코드 복사

1.1. CSS Font Wizard 화면에서 원하는 속성을 설정

1.2. 생성된 "CSS Source" 영역에서 CSS 코드를 마우스로 블록 지정 후 복사

이미지

<사진 1> CSS 코드 복사

2. StyleClass Editor 열기

2.1. Workbench 추가 기능 메뉴에서 "Edit -> StyleCSS Editor" 선택

이미지

<사진 2> StyleCSS Editor 열기

3. CSS 코드 등록

3.1. 활성화된 "Editor - CSS" 팝업에서 (2.1)에서 복사한 CSS 코드를 붙여넣기

3.2. CSS Class ID를 "p.sample" → ".font_css" 로 변경

3.3. 저장 후 종료

이미지

<사진 3> CSS 코드 등록 및 변경

추가 정보

o CSS Source에서 코드 복사 시 "p.sample{...}" 영역의 CSS 코드 값만 복사해야 함

o 다른 불필요한 코드가 포함되지 않도록 주의