ÇÏÀ̺긮µå¾Û, À¯µ¿Çü À¥ ( ¹ÝÀÀÇü À¥, ºñ·ÊÇü À¥ ) »çÀÌÆ® ¸¸µé¶§ ¹«·á ÆùÆ® »ç¿ëÇÏ´Â ¹æ¹ý
ÇÏÀ̺긮µå¾ÛÀ» ¸¸µé ¶§ ÆùÆ®ÀÇ ÀúÀÛ±Ç ¹®Á¦·Î Ưº°ÇÑ ´À³¦ÀÇ ±Û²ÃÀ» »ç¿ëÇÏÁö ¸øÇÏ´Â °æ¿ì°¡ Á¾Á¾ ÀÖ½À´Ï´Ù.
ÀÌ·± °æ¿ì ¹«·á ÆùÆ®¸¦ »ç¿ëÇÏ´Â °Íµµ ÁÁÀº ÇØ°áÃ¥À̶ó°í »ý°¢ÇÕ´Ï´Ù.
¹«·áÆùÆ®¸¦ ±¸ÇÒ ¼ö ÀÖ´Â À¯¿ëÇÑ »çÀÌÆ®¸¦ µÎ°÷ ¼Ò°³ ÇÕ´Ï´Ù.
±¸±Û ÆùÆ® : http://www.google.com/webfonts
ÆùÆ® ½ºÄõ·² : http://www.fontsquirrel.com
ÇÑ±Û ¹«·á ÆùÆ® : http://www.heumm.com/bbs/board.php?bo_table=bitmap
Àú´Â ±¸±Û ÆùÆ®¸¦ ´ë»óÀ¸·Î »ç¿ë¹ýÀ» ¼Ò°³ ÇÕ´Ï´Ù.
±¸±Û ÆùÆ®¿¡¼ ÀÚ½ÅÀÌ ¿øÇÏ´Â ±Û²ÃÀ» ¼±ÅÃÇÏ°í ¾Æ·¡ÀÇ ¹öÆ°À» Ŭ¸¯Çϼ¼¿ä.
±×¸²ÀÇ Á¦ÀÏ ¹Ø¿¡ ÀÖ´Â ´ç½ÅÀÇ ÄÝ·º¼Ç ¿µ¿ª¿¡ ¼±ÅÃÇÑ ±Û²ÃÀÌ Ãß°¡ µË´Ï´Ù.
¾Æ·¡ ±×¸²°ú °°ÀÌ È¸é ¾Æ·¡¿¡ ¼±ÅÃµÈ ±Û²Ã¿¡ ´ëÇÑ ±â´É ¹öÆ°ÀÌ Ç¥½Ã µË´Ï´Ù.
ÇöÀç 1°³ÀÇ ÆùÆ®°¡ ÄÝ·º¼Ç¿¡ Ãß°¡µÇ¾î Àֳ׿ä. "use" ¹öÆ°À» Ŭ¸¯Çϼ¼¿ä.
¾Æ·¡ ±×¸²Ã³·³ ´Ù¿î·Îµå ¸µÅ©¸¦ Ŭ¸¯Çϼ¼¿ä.
ÄÝ·º¼Ç¿¡ ¼±ÅÃÇÑ ¸ðµç ±Û²ÃÀ» ¾ÐÃàÈÀÏ ÇüÅ·Π´Ù¿î·Îµå ÇÕ´Ï´Ù.
´Ù¿î·Îµå ÇÒ°ÍÀÎÁö ¹°¾î º¸´Â âÀÌ ¿¸³´Ï´Ù.
´Ù¿î·Îµå ÇսôÙ.
´Ù¿î·ÎµåµÈ zip ÈÀÏÀÌ º¸À̳ª¿ä?
Å©·Ò¿¡¼´Â Ç׸ñ ¸ðµÎ Ç¥½Ã¸¦ Ŭ¸¯Çϼ¼¿ä.
´Ù¿î·ÎµåµÈ ÆÄÀÏÀÌ ¸ðµÎ º¸ÀÔ´Ï´Ù.
¹æ±Ý ´Ù¿î·ÎµåÇÑ ÆùÆ®ÆÄÀÏÀÇ "Æú´õ¿±â"¸¦ Ŭ¸¯ÇսôÙ.
Æú´õ¿¡¼ ÆùÆ®ÀÇ zip ÆÄÀÏÀ» ¼±ÅÃÇÏ¿© ¼±ÅÃÇÑ ÆÄÀÏÀ» ¹«·áÆùÆ®µéÀ» ¸ð¾Æ µÎ´Â ´ç½Å¸¸ÀÇ Æú´õ¸¦ µû·Î ¸¸µé°í ±×°÷¿¡ ÀúÀå ÇսôÙ.
¹«·áÆùƲ ¸ð¾Æ µÎ´Â °÷¿¡ ÆùÆ®ÀÇ ¾ÐÃàÆÄÀÏÀ» ÀúÀåÇÏ°í ¾ÐÃàÀ» Ç®¾î ÁÖ¼¼¿ä.
¾ÐÃàÇØÁ¦µÈ Æú´õ°¡ »õ·Î »ý¼º µË´Ï´Ù.
¾ÐÃàÇØÁ¦µÈ ³»¿ëÀ» È®ÀÎÇØ º¸¼¼¿ä.
ÆùÆ®ÈÀÏ°ú ÆùÆ®¿¡ ´ëÇÑ ¿ÀǶóÀ̼¾½º ÆÄÀÏÀÌ º¸ÀÔ´Ï´Ù.
À§¿¡¼ ¼±ÅÃÇÑ ÆùÆ®ÆÄÀÏÀ» ÇöÀç ´ç½ÅÀÌ ¸¸µé°í ÀÖ´Â À¥ÀÇ css Æú´õ ³»¿¡ "fonts" ¶ó´Â Æú´õ¸¦ ¸¸µé°í ±×°÷À¸·Î ¿È°Ü¾ß ÇÕ´Ï´Ù.
css Æú´õ³»¿¡ "fonts"¶ó´Â Æú´õ°¡ º¸ÀÌÁÒ ±×°÷¿¡ ´Ù¿î¹ÞÀº ÆùÆ®¸¦ ³Ö¾î ÁݽôÙ.
¼±ÅÃÇÑ Æú´õ¸¦ Áý¾î ³Ö¾ú½À´Ï´Ù.
ÀÌÁ¦ ¿ì¸®°¡ ¼±ÅÃÇÑ ¹«·áÆùÆ®¸¦ »ç¿ëÇØ º¾½Ã´Ù.
´ç½ÅÀÇ css ÆÄÀÏ¿¡ ¾Æ·¡ÀÇ Äڵ带 »ðÀÔÇÕ´Ï´Ù.
@font-face{
font-family: "noize";
src: url('../css/fonts/Nosifer-Regular.ttf');
}
@font-face ¶ó´Â ű׿¡ font-family: "´ç½ÅÀÌ ÀÓÀÇ·Î À̸§À» Á¤ÇÏ¸é µË´Ï´Ù";
À§¿¡¼´Â "noize" À̶ó°í µü Á¤Çß½À´Ï´Ù. ^^
src ű׿¡ ÆùÆ®ÀÇ À§Ä¡¸¦ ÁöÁ¤ÇØ ÁÝ´Ï´Ù.
À§¿¡¼´Â Àý´ë À§Ä¡¸¦ ÁöÁ¤ÇÏ°í ÀÖ½À´Ï´Ù.
"../" ´Â ÇöÀç ÀÖ´Â Æú´õÀÇ ºÎ¸ðÆú´õ·Î °¡¶ó´Â ¶æÀÔ´Ï´Ù.
ÇöÀç "css" Æú´õ¿¡ Àֱ⠶§¹®¿¡ "../" ¸í·É¿¡ ÀÇÇØ "css" Æú´õ ¹ÛÀ¸·Î ³ª¿Ô½À´Ï´Ù.
"css" Æú´õÀÇ ¹Û¿¡¼ "../css/fonts/" ¸í·É¿¡ ÀÇÇØ "fonts" Æú´õ·Î Á¢±Ù ÇÕ´Ï´Ù.
±×¸®°í Æú´õ³»¿¡ ÀÖ´Â "Nosifer-Regular.ttf" ÆùÆ® ÈÀÏÀ» ÁöÁ¤ ÇÕ´Ï´Ù.
¾Æ·¡ "css" ¸í·É¿¡ ÀÇÇØ header ¿µ¿ª¿¡ ÀÖ´Â ¸ðµç ±Û¾¾¿¡´Â "Nosifer-Regular.ttf" ÆùÆ®°¡ Àû¿ë µË´Ï´Ù.
#header{
margin:0;
font-family:"noize";
font-weight:bold;
margin-right:10px;
margin-left:10px;
width: 97.9166667%;
background-color:#779307;
}
Áö±Ý ±îÁö ¹«·á ÆùÆ®¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æ º¸¾Ò½À´Ï´Ù.
ÆùÆ®ÀÇ ÀúÀ۱ǿ¡ ±¸¾Ö ¹ÞÁö ¸»°í ¸ÚÁø »çÀÌÆ® ¸¸µé¾î º¾½Ã´Ù.