1. 글꼴ì�„ ì„¤ì •í•˜ëŠ” font-family ¶
다중 글꼴ì�„ ì„ íƒ�í• ìˆ˜ 있다.
{font-family:글꼴}
둘 다 있ì�„ 경우ì—�는 ë¨¼ì € ì§€ì •í•œ 글꼴ì�´ ìš°ì„ ìˆœìœ„ë¥¼ 가진다.
{font-family:글꼴}
~cpp
<html>
<head>
<title>글꼴 ì„¤ì • ì˜ˆì œ</title>
</head>
<Style type="text/css">
font.01{font-family: "Arial Black", "Script"}
font.02{font-family: "한컴바탕", "�호체"}
</Style>
<body>
<b>
<font class="01">Css & Java Script</font><br><br>
<font class="02">한컴 바탕�트체로 나타냅니다.</font><br><br>
</b>
</body>
</html>
font.01{font-family: "Arial Black", "Script"} 둘 중 하나만 í�´ë�¼ì�´ì–¸íЏì�˜ 컴퓨터ì—� 있으면 ê·¸ 것ì�´ 글꼴ì�´ ë�œë‹¤.둘 다 있ì�„ 경우ì—�는 ë¨¼ì € ì§€ì •í•œ 글꼴ì�´ ìš°ì„ ìˆœìœ„ë¥¼ 가진다.
2. 글ìž� í�¬ê¸°ë¥¼ ì„¤ì •í•˜ëŠ” font-size ¶
스타ì�¼ 시트ì—�서는 ì›�하는 글ìž� í�¬ê¸°ë¥¼ 마ì�ŒëŒ€ë¡œ ì¡°ì •í• ìˆ˜ 있다.
{font-size:ì ˆëŒ€í�¬ê¸°|ìƒ�대í�¬ê¸°}
htmlê³¼ 달리 í�¬ê¸° ì¡°ì ˆì—� ì œí•œì�´ 없다.
{font-size:ì ˆëŒ€í�¬ê¸°|ìƒ�대í�¬ê¸°}
~cpp
<html>
<head>
<title>문ìž� í�¬ê¸° ì„¤ì • ì˜ˆì œ</title>
</head>
<Style type="text/css">
body{font-size:10pt}
font.01{font-size:50pt}
font.02{font-size:6mm}
</Style>
<body>
<body><body>태그안ì—� 있는 ëª¨ë“ ë¬¸ìž�들ì�€ 10pt로 ì„¤ì •ë�˜ì–´ 있습니다.<br>
<font class="01">CSS란 무엇�가?</font><br><br>
<font class="02">우리 �로 스타� 시트입니다.</font><br><br>
IE메뉴 문ìž� í�¬ê¸°ë¥¼ 변형 í•´ë³´ì‹ì‹œì˜¤<br>
변화가 �기질 않� 것입니다.
</body>
</html>
글꼴 í�¬ê¸°ì—� 사용ë�˜ëŠ” 단위는 아주 다양하게 있다. 단위를 사용하지 않으면 기본ì �으로 픽셀 단위를 사용한다. htmlê³¼ 달리 í�¬ê¸° ì¡°ì ˆì—� ì œí•œì�´ 없다.
3. 글ìž� 기울임ì�„ ì„¤ì •í•˜ëŠ” font-style ¶
{font-style:스타�}
~cpp
<html>
<head>
<title>글꼴 스타ì�¼ ì„¤ì • ì˜ˆì œ</title>
</head>
<Style type="text/css">
font.01{font-style:italic}
font.02{font-style:oblique}
</Style>
<body>
<b>
<font size="3" class="01">italic으로 바�니다.</font><br><br>
<font size="3" class="02">oblique로 바�니다.</font><br><br>
</b>
</body>
</html>
normal(보통), italic(ì�´íƒ¤ë¦), oblique(기울임)4. ìž‘ì�€ ì˜� 대문ìž�로 ì„¤ì •í•˜ëŠ” font-variant ¶
{font-variant:small-caps}ì˜�문ìž�를 ìž‘ì�€ 대문ìž�로 ì„¤ì •.
5. 글ìž� ë‘�께를 ì„¤ì •í•˜ëŠ” font-weight ¶
{font-weight:키워드}문ìž� ë‘�께를 키워드ì—�서 ì„¤ì •í•œ 값으로 ì �ìš©
- 키워드: normal, bold, bolder, lighter(100 ~ 900)










