°³Ã¼ ¼ÓÀÇ ÅؽºÆ®¿¡ »ç¿ëµÇ´Â ±Û²ÃÀÇ Á¾·ù¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
cssSelector : (½ºÅ¸ÀÏ ¼±ÅÃÀÚ)
¼Ó¼ºÀ» °¡Áú¼ö ÀÖ´Â ¿¤·¹¸àÆ®()³ª Ŭ¶ó½º(class) À̸§ ȤÀº ÀνÄÀÚ(id)ÀÌ´Ù.

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº °³Ã¼ ¼ÓÀÇ ÅؽºÆ®¿¡ »ç¿ëµÇ´Â ±Û²ÃÀÇ Á¾·ù¸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

family-name ºê¶ó¿ìÀú¿¡ ÀÇÇÏ¿© Áö¿øµÇ´Â ±Û²ÃÀÇ À̸§ÀÌ´Ù. ¿¹¸¦µé¾î Çѱۿ¡´Â ±¼¸², ±¼¸²Ã¼, ±Ã¼­, ¹ÙÅÁüµîÀÌ ÀÖ°í, ¿µ¹®À¸·Î´Â Times, Helvetica, Zapf-Chancery, Western, or CourierµîÀÌ ÀÖ´Ù.
generic-name serif, sans-serif, cursive, fantasy,ȤÀº monospaceµî ±Û²Ã Á¾·ùÀÇ À̸§ÀÌ´Ù..

ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼­´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼­´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº ¾ø´Ù.

CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÈ´Ù.

Ư±â

ÀÌ ¼Ó¼ºÀº ±Û²Ã À̸§À» ±¸º°Çϱâ À§ÇÏ¿© Äĸ¶·Î ºÐ¸®µÈ ¿ì¼±¼øÀ§¿¡ ÀÇÇÑ º¹¼öÀÇ ±Û²Ã À̸§µéÀÇ ¸ñ·ÏÀ» °¡Áú ¼ö ÀÖÀ¸¸ç, ¾Õ¿¡¼­ºÎÅÍ Àû¿ëµÈ´Ù.

±Û²Ã À̸§ÀÌ °ø¹éÀ» Æ÷ÇÔÇÏ°í ÀÖÀ¸¸é ¹Ýµå½Ã ´ÜÀϵû¿ÈÇ¥(')³ª ÀÌÁßµû¿ÈÇ¥(")·Î °¨½ÎÁà¾ß ÇÑ´Ù. generic ±Û²Ã À̸§Àº °ªµéÀ̹ǷΠµû¿ÈÇ¥ ¼Ó¿¡ µé¾î°¡¸é ¾ÈµÈ´Ù.

ÄÄÇ»ÅÍ¿¡ ¾î¶² ±Û²ÃµéÀÌ ¼³Ä¡µÇ¾î ÀÖ´ÂÁö ¾Ë ¼ö ¾øÀ¸¹Ç·Î ±Û²Ã ¸ñ·Ï Á¦ÀÏ µÚ¿¡ ´ëüÇÒ ¼ö ÀÖ´Â generic ±Û²Ã À̸§µéÀ» ÁöÁ¤ÇÏ´Â °ÍÀÌ ÁÁ´Ù. ÀÌ ¸ñ·Ï¿¡´Â ±ò¸°(embedded) ±Û²ÃµéÀ»Æ÷ÇÔÇÒ ¼ö ÀÖ´Ù. ±ò¸° ±Û²Ãµé¿¡ ´ëÇÑ Ãß°¡ Á¤º¸´Â @font-face ¸í·ÉÀ» ÂüÁ¶Ç϶ó.

ÀÌ ¼Ó¼ºÀÇ µðÆúÆ®°ªÀº Explorer¢¡µµ±¸¢¡ÀÎÅÍ³Ý ¿É¼Ç¢¡ÀϹݢ¡±Û²Ã¿¡¼­ ¼³Á¤ÇÒ ¼ö ÀÖ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
font ±Û²Ã °¡Á· ¸ñ·Ï ¿¹Á¦

ÀÌ ¼Ó¼ºÀº CSS1(Cascading Style Sheets, Level 1)¿¡¼­ Á¤ÀǵǾú´Ù.


ÀÌ ¹®´ÜÀ» ¼±ÅÃÇÏ°í ¸¶¿ì½º³ª ÀÚÆÇÀ» ´­·¯º¸¶ó.
This font family will be changed.

<STYLE>
.fontFamilyA {font-family:'±¼¸²',arial}
.fontFamilyB {font-family:'±Ã¼­',courier}
</STYLE>
<P class="fontFamilyA" tabindex="1"
  onmousedown="this.className='fontFamilyB'"
  onmouseup="this.className=''"
  onkeydown="this.className='fontFamilyB'"
  onkeyup="this.className=''">ÀÌ ¹®´ÜÀ» ¼±ÅÃÇÏ°í ¸¶¿ì½º³ª ÀÚÆÇÀ» ´­·¯º¸¶ó.<BR>
This font family will be changed.</P>

±Û²Ã ÆÄÀϷκÎÅÍ ±Û²Ã Á¾·ù¸¦ µµÀÔÇÏ¿© »ç¿ëÀÚ ±Û²ÃÀ» »ý¼ºÇÏ¿© »ç¿ëÇÑ´Ù.

<STYLE type="text/css">
@font-face { font-family: 'My_font';src: url(http://www.server.com/some_font_file.eot); }
.myFont {font-family:'My_font',Arial}
</STYLE>
<DIV class="myFont">µµÀÔµÈ ±Û²Ã Á¾·ù Àû¿ë abcdefghijklmn</DIV>