CSS À̹ÌÁö¸¦ À§ÇÑ font-family Go to UP


CSS¿¡´Â ±ÛÀÚµéÀ» ´Ù·ê ¼ö ÀÖ´Â color, border, background-colorµî ¿©·¯ attributeµéÀÌ ÀÖ½À´Ï´Ù. ÀÌ°Íµé ¸¸À¸·Îµµ ¾ÕÀÇ ÆäÀÌÁö°°Àº ±ÛÀڱ׸²À» ¸¸µé ¼ö ÀÖÁö¸¸ Å©±â¸¦ Å©°ÔÇÏ¸é ±×¸²°°Àº ´À³¦ÀÌ ³ª´Â ±ÛÀÚ°¡ ÀÖ½À´Ï´Ù. Impact, WebDings, WingDings °°Àº font-family ÀÔ´Ï´Ù. font-family´Â ÆäÀÌÁö Àüü, ¿©·¯ element¸¦ Æ÷ÇÔÇÒ ¼ö ÀÖ´Â block element ¶Ç´Â ƯÁ¤ element¿¡ ±Û²ÃÀ» ÁöÁ¤ÇÏ´Â css propertyÀÔ´Ï´Ù. (Font Family) ¸¦ Âü°íÇϼ¼¿ä.

À̵éÀº Àç¹ÌÀÖ´Â ±×¸²À» ¸¹ÀÌ °¡Áö°í ÀÖ½À´Ï´Ù. ÇÏÁö¸¸, ÆäÀÌÁöÀÇ ¾ð¾î¸¦ ¼³Á¤ÇÏ´Â ÅÃÀÎ META¿¡ ÇѱÛÀ» ÁöÁ¤ÇÏ´Â EUC-KR ÁöÁ¤½Ã nn4¿¡¼­ ¸î¸î font°¡ µèÁö ¾Ê½À´Ï´Ù. ÀÌ ¶§ Á¦´ë·Î ³ª¿À´Â font-family´Â Fixedsys, Symbol, System, Terminal, WingDings ÀÔ´Ï´Ù. À§ÀÇ Impact °°ÀÌ ±×¸²±ÛÀÚ·Î »ç¿ëÇϱâ ÁÁÀº ±Û²ÃÀÌ µèÁö ¾Ê½À´Ï´Ù. meta ÅÃÀ» ÁöÁ¤ÇÏÁö ¾ÊÀº ÆäÀÌÁö¿¡¼­ »ç¿ëÀÚ ºê¶ó¿ìÀúÀÇ ±Û²Ã ¼³Á¤À» ¿µ¾î·Î ÇØ³õ¾Æµµ ¸¶Âù°¡Áö·Î µèÁö ¾Ê½À´Ï´Ù.

±×·¡¼­, ÇÑ±Û ±Û²ÃÀ» ÁöÁ¤ÇÏ´Â meta charset="euc-kr" ÆäÀÌÁö¿¡¼­ nn4¿¡°Ô Impact °°Àº font-family¸¦ ÁöÁ¤Çϱâ À§Çؼ­´Â ÆäÀÌÁöÀÇ ¾ð¾î¼³Á¤À» iso-8859-1·Î ÁöÁ¤À» ÇØ¾ßÇÕ´Ï´Ù. ±×¸®°í ÆäÀÌÁö¿¡´Â Çѱ۾ð¾î ¼³Á¤À¸·Î Çϱâ À§Çؼ­ ·¹À̾îÀÇ ¿ÜºÎÈ­ÀÏÀ» ÀÌ¿ëÇÕ´Ï´Ù. ·¹À̾ ·¹À̾îÀÇ ³»¿ëÀ» ¿ÜºÎÈ­ÀÏ·Î ÁöÁ¤À» ÇÏ¸é ·¹À̾îÀÇ ³»¿ë¹°¿¡´Â ±âÁ¸ÀÇ ¼³Á¤ÀÌ ÇØÁ¦°¡ µÈ´Ù´Â °ÍÀ» ÀÌ¿ëÇÕ´Ï´Ù. metaµµ ÇØÁ¦°¡ µË´Ï´Ù. (DHTML -> Style µµ¾È -> ¿ÜºÎ·¹ÀÌ¾î »ç¿ëÇϱ⠸¦ Âü°íÇϼ¼¿ä.)

±×·¡¼­ ÇÑ±Û ¾ð¾î¸¦ ÁöÁ¤ÇÑ ÆäÀÌÁö¿¡¼­ nn4¸¦ À§ÇÏ¿© ±×¸² ±ÛÀÚ¸¦ ¾µ¶§¿¡´Â ÆäÀÌÁö´Â meta¸¦ euc-kr·Î ÁöÁ¤À» ÇÏ°í ±×¸²±ÛÀÚ·Î »ç¿ëÇÒ ·¹À̾ ¿ÜºÎÈ­ÀÏ·Î ÁöÁ¤À» ÇÏ¸é µË´Ï´Ù.

¿ÜºÎ ·¹À̾ »ç¿ëÇÏ´Â Çü½ÄÀº

<ilayer width="20" height="20" src="¿ÜºÎÈ­ÀÏ.htm"></ilayer>
ÀÔ´Ï´Ù. ¿ÜºÎÈ­ÀÏ.htmÀº ¿ÏÀüÇÑ HTML ÆäÀÌÁöÀÔ´Ï´Ù. ¿ÜºÎÈ­ÀÏÀÇ ³»¿ëÀÔ´Ï´Ù. ilayer´Â ÆäÀÌÁö¿¡¼­ »ó´ëÀûÀÎ À§Ä¡¸¦ ÁöÁ¤ÇÏ´Â °ÍÀ¸·Î ÀÛ¼ºÇÑ °÷¿¡ À§Ä¡ÇÕ´Ï´Ù. ¿ÜºÎÈ­ÀÏ¿¡´Â ¾Æ·¡ÀÇ ³»¿ëÀ» Àû¾îÁÖ¸é µË´Ï´Ù. ilayer´Â ie´Â Áö¿øÇÏÁö ¾ÊÀ¸¹Ç·Î ¹«½ÃÇÕ´Ï´Ù.
<html>
<head>
<meta type="text/html" charset="ISO-8859-1">
<style type="text/css">
.iso { font-family:Impact; font-weight:bold; font-size:70px; }
</style>
</head>
<body>
<layer left=0 top=0>
	<layer left=4 top=4><font class=iso color="silver">IMPACT for NN4</font></layer>
	<layer left=3 top=3><font class=iso color="gray">IMPACT for NN4</font></layer>
	<layer left=2 top=2><font class=iso color="gray">IMPACT for NN4</font></layer>
	<layer left=0 top=0><font class=iso color="white">IMPACT for NN4</font></layer>
	<layer left=1 top=1><font class=iso color="#cecebd">IMPACT for NN4</font></layer>
</layer>
</body>
</html>

TOP