티스토리 툴바

font-family의 속성 실험

Posted at 2010/05/23 02:19 // Posted in Network/Experiment
웹페이지 만들다가 보니 왜 글꼴에 속성키워드를 바꿔보면 어떻게 될까 싶어서 이렇게 적어 봅니다. 그냥 간단하고 엉뚱한 실험이 되지 않을까 걱정도 되는군요.
별것도 아닌데 서론이 길었네요.

font-family : font(group)-name , keyword;

기본 구조입니다.

속성이나 기타 부분이 알고 싶으시면 다락방님으로 가보시면 알 수 있습니다.

전 속성(키워드)을 변화 시키려고 합니다. 잘 될지 모르겠네요.

예를 들어...

font-family:"돋움", Dotum, sans-serif;

이 기본이죠 근대 왜 'sans-serif;' 을 바꿔 보지 않았을까요.

물론 고딕 계열이기 때문에 당연히 sans-serif;를 써야 합니다.

그래서 바꿔 보려고 합니다. 어떻게 되는지... 

실험 01 - 우선 기본적인 폰트

.textArea_test11 { font-family: Helvetica, sans-serif; }
.textArea_test12 { font-family: Georgia, serif; }
.textArea_test13 { font-family: "Comic Sans MS", cursive; }
.textArea_test14 { font-family: *, fantasy; }
.textArea_test15 { font-family: "Lucida Console", monospace ; }

sans-serif
11
TEXTcube
serif
12
TEXTcube
cursive
13
TEXTcube
fantasy
14
TEXTcube
monospace
15
TEXTcube
 

여기까지는 성공.

실험 02 - 본격적으로..

.textArea_test01 { font-family: Helvetica, sans-serif; }
.textArea_test02 { font-family: Helvetica, serif; }
.textArea_test03 { font-family: Helvetica, cursive; }
.textArea_test04 { font-family: Helvetica, fantasy; }
.textArea_test05 { font-family: Helvetica, monospace;

sans-serif
01
TEXTcube
serif
02
TEXTcube
cursive
03
TEXTcube
fantasy
04
TEXTcube
monospace
05
TEXTcube
 

실패군요. 왜 다들 안 쓰는지 알게 되었습니다.

한글도 해볼게요.

실험 03 - 한글(당연히 안 되겠죠)

.textArea_test21 { font-family: "돋움", sans-serif; }
.textArea_test22 { font-family: "돋움", serif; }
.textArea_test23 { font-family: "돋움", cursive; }
.textArea_test24 { font-family: "돋움", fantasy; }
.textArea_test25 { font-family: "돋움", monospace;

sans-serif
01
다섯방울
serif
02
다섯방울
cursive
03
다섯방울
fantasy
04
다섯방울
monospace
05
다섯방울
 

이상 뻘짖이였습니다.
그러니 그냥 쓰는 데로 써야 하는데 괜한 짖을 한 것 같네요. ^^
아이 부끄러워~ @_@;

이야기 ...

Tag , ,

http://r5xs.tistory.com/trackback/89 관련글 쓰기

blog comments powered by Disqus

댓글을 남겨주세요

Name *

Password *

Link (Your Homepage or Blog)

Comment

Secret

... ...