메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

compare.gif
비교가 쉽게 3배 확대해서 보면요
compare_chrs_3x.gif
일반 책과 달리 모니터에서는 흔히 깨진다는 표현을 쓰는 현상이 나타납니다. 그것은 모니터로 보는 것들이 픽셀들로 이루어져있기 때문이죠.

위에서 보면 제 온라인名인 "제이씨"를 대표적 한글글꼴로 비교한 것입니다.
결론부터 말씀드리자면 고딕계열의 글꼴이 가장 깨짐현상이 적은 글꼴로
각이 딱 딱 져있어 모니터상에서 선명하게 보입니다.

바탕 ===> 명조체 ; 영어의 serif글꼴에 해당
돋움 ===> 고딕체 ; san sarif글자에 해당

즉, html에서 <font face=바탕>처럼 써주면 한글은 우리글자는 바탕글자, 영어는 serif로 나타납니다.

<font face=돋움>처럼 써주면 한글은 돋움글꼴, 영어는 sans serif로 나타납니다.



번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
368 굳어져버린 파동. (배경이미지 그리기) [8] file Com[K]and 2004.02.20 13593
367 포토샵에서 색칠하기 [초급자용] [10] file 정미란 2004.01.16 13598
366 [당신이 절실히 찾던 바로 그 강좌]-귀여운문자만들기- [12] file 박지훈 2003.07.30 13612
365 키보드로 치는 듯한 이미지 [11] 이경빈 2003.08.13 13640
364 정삼각형 그리기 [15] file Eccen 2002.08.15 13664
363 [SMHS의 괴상한 허접강좌] -_-; 문자 디자인 [9] file 大逆罪人SmHS-_-;; 2002.11.18 13689
362 렌즈 플레어로 쪼물딱거려 뭔가 알수없는 이미지 만들기 [14] file 삼돌이 2003.07.19 13713
361 제목을 알수없는 효과 ㅠ_ㅠ;; 허접해요. [21] file ⓟillisia 2002.12.29 13730
360 아쿠아 버튼 만들기와 레이어 스타일의 활용 [4] file 재현 2006.11.18 13744
359 [킹이랑]지도 그리기 [18] file 장미현 2003.07.11 13745
358 배경만 흑백으로, 인물은 컬러로! (부분흑백처리) [14] file puki 2003.02.06 13762
357 미니버튼 만들기 [5] file 푸른당근 2007.04.08 13763
356 눈동자와 입술을 선명하고 예쁘게 보정합시다 [7] Boshop 2005.03.13 13785
355 네오의 문자디자인 No.1 크롬 효과 내기! [4] file 네오 2003.06.03 13786
354 아쿠아틱 텍스트 효과(1) [29] 김종훈 2003.01.22 13787
353 초간단 30초 아쿠아 이미지 만들기... [12] Lake 2002.10.29 13802
352 레이어스타일을 이용한 간단한 타이틀만들기 [16] file 에이치걸 2004.07.24 13842
351 그레디언트를 이용한 베너 만들기^^ [11] file 김세원 2003.06.08 13864
350 [1003's love] 수채화 느낌의 글씨 만들기 [11] file 1003 2002.11.11 13868
349 이쀼리한 그라데이션 효과내기 [6] file 포샵럽 2005.08.08 13871