³¯Â¥: 2002-12-09 | ±Û¾´ÀÌ: µµ¾Æ | 47233 ¹ø | ÇÁ¸°Æ® | ¸ÞÀϷκ¸³»±â

À¥ÆùÆ® ¸¸µé±â - °è¼Ó


I. À¥ÆùÆ®¶õ? À¥ÆùÆ®´Â CSS2¿¡¼­ Á¦°øÇϱ⠽ÃÀÛÇÑ @font-face ¼Ó¼ºÀ» »ç¿ëÇϸç À¥ ÆäÀÌÁö¸¦ Á¢¼ÓÇÒ ¶§ À¥ ÆäÀÌÁö¿¡¼­ »ç¿ëµÈ ±Û²Ã±îÁö ´Ù¿î¹ÞÀ» ¼ö ÀÖµµ·Ï °³¹ßµÈ À¥ Àü¿ë ±Û²ÃÀÌ´Ù. À¥ÆùÆ®´Â À¥ ÆäÀÌÁö¸¦ º¸´Ù ´Ù¾çÇÏ°Ô Ç¥ÇöÇÏ·Á´Â À¥¼³°èÀÚÀÇ ¿å±¸¸¦ ÃæÁ·½ÃÅ°¸é¼­, ³ÝÆ®¿÷ ´ë¿ªÆøÀÇ È¿À²ÀûÀÎ »ç¿ëÀ̶ó´Â µÎ°¡Áö ¸ñÀûÀ» ½±°Ô´Þ¼ºÇÒ ¼ö ÀÖ´Â »õ·Î¿î ´ë¾ÈÀ¸·Î µîÀåÇß´Ù. »ç½Ç »ó´ç¼öÀÇ »çÀÌÆ®°¡ ÀÌ¹Ì À¥ÆùÆ®¸¦ »ç¿ëÇÏ°í ÀÖ´Ù. Âü°í·Î ÇÊÀÚÀÇ È¨ÆäÀÌÁö ¿ª½Ã ƼƼü¿Í ¹Îü µÎ°¡ÁöÀÇ À¥ÆùÆ®¸¦ »ç¿ëÇÏ°í ÀÖ´Ù.

II. À¥ÆùÆ® °ü·Ã »çÀÌÆ® À¥ÆùÆ®°¡ °¢±¤À» ¹ÞÀÚ µ¢´Þ¾Æ ÀÌÀÍÀ» º¸´Â ȸ»çµéÀÌ ÀÖ´Ù. ¹Ù·Î ±Û²ÃÀ» Àü¹®ÀûÀ¸·Î °³¹ßÇϴ ȸ»çµéÀÌ´Ù. »êµ¹, ÇѾçµî°ú °°ÀÌ °ú°Å¿¡ ±Û²ÃÀ» °³¹ßÇÏ´Â ¾÷üµé ¸ðµÎ À¥ÆùÆ® °³¹ß¿¡ ¶Ù¾îµé°í Àִµ¥ ±× ÀÌÀ¯´Â ÀÏ¹Ý ±Û²ÃÀ» °³¹ßÇÏ´Â °Íº¸´Ù À¥ÆùÆ®°¡ ÈξÀ ¼öÀͼºÀÌ ³ô±â¶§¹®ÀÌ´Ù. ´ÙÀ½Àº ÇöÀç À¯/¹«·á À¥ÆùÆ®µéÀ» Á¦°øÇϴ ȸ»çµéÀÌ´Ù.

  1. À¥ÆùÆ® Ç÷¯½º : »êµ¹ ±Û²ÃÀºÇàÀ¸·Î À¯¸íÇÑ »êµ¹¿¡¼­ ¸¸µç »çÀÌÆ®ÀÌ´Ù. ´Ù¾çÇÑ À¥ÆùÆ®¸¦ Á¦°øÇÏÁö¸¸ ¸ðµÎ À¯·áÀ̸ç, »çÀÌÆ®¸¦ º¯°æÇÒ ¶§¸¶´Ù »êµ¹ÃøÀ¸·Î ºÎÅÍ ±Û²ÃÀ» »õ·Î ³»·Á¹Þ¾Æ¾ßÇÑ´Ù.
  2. ÆùÆ®ÇÇ¾Æ : ÇöÀç ÀÎÅÍ³Ý »ó¿¡¼­ ±¸ÇÒ ¼ö ÀÖ´Â ´ëºÎºÐÀÇ À¥ÆùÆ®¸¦ °³¹ßÇÑ È¸»çÀÌ´Ù. À¥ÆùÆ®¸¦ TTF Çü½ÄÀ¸·Î Á¦°øÇÔÀ¸¼­ »ç¿ëÀÚ°¡ ÀÚ½ÅÀÇ È¯°æ¿¡ ¸Â°Ô À¥ÆùÆ®¸¦ »ç¿ëÇÒ ¼ö ÀÖµµ·Ï ÇÏ°í ÀÖ´Ù. »ó¿ë À¥ÆùÆ®¿Ü¿¡ ¹«·á À¥ÆùÆ® ¿ª½Ã Á¦°øÇÏ°í ÀÖ´Ù.
  3. ÆùÆ®¶óÀÎ : ¸ð¾Æ ½Ã½ºÅÛ¿¡¼­ ¿î¿µÇÏ´Â À¥ÆùÆ® »çÀÌÆ®·Î À¯/¹«·á À¥ÆùÆ®¿Í ÆùÆ® ¸¸µé±â °­Á¸¦ Á¦°øÇÑ´Ù.
  4. ÆùÆ®³ª¶ó : ÇÑ¾ç ±Û²Ã·Î À¯¸íÇÑ ÇѾç Á¤º¸Åë½Å¿¡¼­ ¿î¿µÇÏ´Â ÆùÆ® Àü¹® ¼îÇθôÀÌ´Ù.
  5. ƼƼº¸µå : ÀÎÅÍ³Ý »ó¿¡ °¡Àå Æø³Ð°Ô »ç¿ëµÇ´Â À¥ÆùÆ®ÀΠƼƼü¸¦ ¹«·á·Î ¹èÆ÷ÇÏ´Â »çÀÌÆ®ÀÌ´Ù. ƼƼº¸µå¶ó´Â À¥º¸µå ¿ª½Ã Á¦°øÇÑ´Ù.

III. À¥ÆùÆ® ¸¸µé±â

  1. º¯È¯ ÇÁ·Î±×·¥ ¼³Ä¡ À¥ÆùÆ®¸¦ ¸¸µé±âÀ§Çؼ­´Â ÀÏ¹Ý TrueType Font(TTF)¸¦ À¥ÆùÆ®·Î º¯È¯ÇØÁÖ´Â ÇÁ·Î±×·¥À» ´Ù¿î¹Þ¾Æ¾ß ÇÑ´Ù. TTF¸¦ À¥ÆùÆ®·Î º¯È¯ÇØÁÖ´Â ÇÁ·Î±×·¥Àº ¸î Á¾·ù ÀÖÁö¸¸ °¡Àå Æø³Ð°Ô »ç¿ëµÇ´Â ÇÁ·Î±×·¥Àº Microsoft¿¡¼­ °³¹ß/¹èÆ÷ÇÏ´Â WEFT(The Web Embedding Fonts Tool)ÀÌ´Ù. WEFT´Â TTF¸¦ MSÀÇ Embeded Font(eot)·Î º¯È¯Çϴµ¥ »ç¿ëµÈ´Ù.
    1. WEFTIII2b1.exe ¸¦ ´Ù¿î ¹Þ´Â´Ù.
    2. ÇöÀç ±âµ¿ÁßÀÎ ¸ðµç ÀÎÅÍ³Ý Å½»ö±â¸¦ ´Ý´Â´Ù.
    3. ´Ù¿î¹ÞÀº WEFTIII2b1.exe¸¦ µÎ¹ø Ŭ¸¯ÇÏ°í ´ÙÀ½°ú °°ÀÌ ¼³Ä¡ ¿©ºÎ¸¦ ¹¯´Â Setup â¿¡¼­ ¿¹¸¦ Ŭ¸¯ÇÑ´Ù.
      WEFT ¼Â¾÷1
    4. ÇöÀç ±âµ¿ÁßÀÎ ¸ðµç ÀÀ¿ë ÇÁ·Î±×·¥À» ´ÝÀ» °ÍÀ» ¿äûÇÏ´Â È­¸é¿¡¼­ È®ÀÎ ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
      WEFT ¼Â¾÷2
    5. ¶óÀ̼¾½ºÀÇ µ¿ÀǸ¦ ±¸ÇÏ´Â End User License Agreement â¿¡¼­ Accept¸¦ Ŭ¸¯ÇÑ´Ù.
      WEFT ¼Â¾÷3
    6. »ç¿ëÀÚ Á¤º¸ ÀÔ·ÂÀ» ¿ä±¸ÇÏ´Â User Information âÀÇ Full Name°ú Company¿¡ Àû´çÇÑ Á¤º¸¸¦ ÀÔ·ÂÇÑ ÈÄ Next¸¦ Ŭ¸¯ÇÑ´Ù.
      WEFT ¼Â¾÷4
    7. ¼³Ä¡ °æ·Î¸¦ ¹¯´Â Installation folder âÀÇ ... ¹öÆ°À» Ŭ¸¯Çؼ­ ¼³Ä¡ÇÒ °æ·Î¸¦ ÁöÁ¤ÇÑ ÈÄ, Next ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
      WEFT ¼Â¾÷5
    8. Æú´õ »ý¼º ¿©ºÎ¸¦ ¹¯´Â Setup â¿¡¼­ ¿¹¸¦ Ŭ¸¯ÇÑ´Ù.
      WEFT ¼Â¾÷6
    9. ¼³Ä¡ÇÒ ±¸¼º ¿ä¼Ò¸¦ ¹¯´Â Components â¿¡¼­ Database components¿Í Fonts¸¦ üũÇÏ°í Finish¸¦ Ŭ¸¯ÇÑ´ÙÁÖ1.
      WEFT ¼Â¾÷7
    10. ¼³Ä¡ ¿Ï·á¸¦ ³ªÅ¸³»´Â Setup â¿¡¼­ È®ÀÎÀ» Ŭ¸¯ÇÑ´Ù.
      WEFT ¼Â¾÷8
    11. weft31b1upgrade.exe ¿ª½Ã 2~9´Ü°è¿Í µ¿ÀÏÇÑ ÀýÂ÷¸¦ °ÅÃÄ ¼³Ä¡ÇÑ´Ù.

  2. Áغñ¹°
    1. À¥ÆùÆ®¿ë TTF ÆÄÀÏ ÀϹÝÀûÀ¸·Î À¥ÆùÆ®´Â ÀÏ¹Ý TTF ±Û²Ãº¸´Ù´Â TTF Çü½ÄÀ¸·Î ÀúÀåµÈ Bitmap ÆùÆ®(ÀÌÇÏ TTF À¥ÆùÆ®)¸¦ »ç¿ëÇÏ´Â °ÍÀÌ ±Û²ÃÀÇ Å©±â¸é¿¡¼­ À¯¸®ÇÑ´Ù. TTF À¥ÆùÆ®°¡ ÀÖ´Â °æ¿ì¿¡´Â TTF À¥ÆùÆ®¸¦ ¸ÕÀú ±Û²Ã¿¡ µî·ÏÇØ¾ß ÇÑ´Ù. TTF À¥ÆùÆ®°¡ ¾ø´Â °æ¿ì¿¡´Â ½Ã½ºÅÛ¿¡ ÀúÀåµÈ TTF ÆùÆ®¸¦ »ç¿ëÇϸéµÈ´Ù(TTF À¥ÆùÆ®º¸´Ù ±Û²ÃÀÇ Å©±â°¡ Ä¿Áø´Ù). TTF À¥ÆùÆ®¸¦ ±Û²Ã¿¡ µî·ÏÇÏ´Â ÀýÂ÷´Â ´ÙÀ½°ú °°´Ù.
      1. ½ÃÀÛ/Á¦¾îÆÇ/±Û²ÃÀ» Ŭ¸¯ÇÑ´Ù.
      2. ±Û²Ã â¿¡¼­ ÆÄÀÏ/»õ ±Û²Ã ¼³Ä¡¸¦ Ŭ¸¯ÇÑ´Ù.
      3. ±Û²Ã Ãß°¡ âÀÇ Æú´õ¨ç¿Í µå¶óÀ̺ê¨è¸¦ ÀÌ¿ëÇؼ­ TTF À¥ÆúÆ®°¡ ÀÖ´Â Æú´õ·Î À̵¿ÇÑ´Ù.
      4. ±Û²Ã ¸ñ·Ï¿¡¼­ ¼³Ä¡ÇÒ TTF À¥ÆùÆ®¸¦ ¼±ÅèéÇÏ°í È®ÀΨêÀ» Ŭ¸¯ÇÑ´Ù.
        TTF À¥ÆùÆ® Ãß°¡
      5. ±Û²Ã Æú´õ¿¡ 4´Ü°è¿¡¼­ Ãß°¡ÇÑ ±Û²ÃÀÌ µî·ÏµÇ¾î ÀÖ´ÂÁö È®ÀÎÇÑ´Ù.

    2. À¥ÆùÆ® ¸¸µé±â¿ë HTML ÆÄÀÏ WEFT´Â À¥ÆùÆ®¸¦ ¸¸µé±âÀ§ÇØ HTML ÆÄÀÏÀ» ¿ä±¸ÇÑ´Ù. µû¶ó¼­ À¥ÆùÆ®¸¦ ¸¸µé±âÀ§Çؼ­´Â °£´ÜÇÑ HTML ÆÄÀÏÀ» ¸ÕÀú »ý¼ºÇؾßÇÑ´Ù. ´ÙÀ½°ú °°Àº ³»¿ëÀÇ index.html ÆÄÀÏÀ» »ý¼ºÇÏ°í, ÀÌ ÆÄÀÏÀ» ¿øÇÏ´Â Æú´õ¿¡ ÀúÀåÇÑ´Ù.
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <HTML>
      <HEAD>
      <TITLE> À¥ÆùÆ® ¸¸µé±â </TITLE>
      <STYLE TYPE="text/css" TITLE="">
        @font-face {
          font-family: ¹Î12b;
          font-style:  normal;
          font-weight: normal;
          src: url(file:///D:\Warez\Utlz\Network\Editor\WebFont Maker\DBFNT0.eot);
        }  </STYLE>
      </HEAD>
      
      <BODY>
      <FONT face="¹Î12b" style="font-size: 12pt">À¥ÆùÆ® Å×½ºÆ®(Webfont Test)</FONT>
      </BODY>
      </HTML>
    3. ÇÑ±Û ±Û²Ã¿ë ¼­ºê¼Â ÇÑ±Û ±Û²ÃÀº ÃÖ¼ÒÇÑ ¿µ¾î ´ë¼Ò¹®ÀÚ, ÇÑ±Û ÀÚ¸ð, 2000¿©ÀÚÀÇ ¿Ï¼ºÇü ÇÑ±Û ¼­ºê¼ÂÀÌ ÇÊ¿äÇÏ´Ù. ÀÌ ¼­ºê¼ÂÀ» ¼öÀÛ¾÷À¸·Î ÀÔ·ÂÇÏ´Â °ÍÀº »ç½Ç»ó ºÒ°¡´ÉÇϹǷΠÀÌ¹Ì ÀÛ¼ºµÈ ¼­ºê¼ÂÀ» ³»·Á¹Þ¾Æ »ç¿ëÇϱâ¹Ù¶õ´Ù. ÀÌ ¼­ºê¼Â¿¡´Â ¿µ¾î ´ë¼Ò¹®ÀÚ, Ư¼ö¹®ÀÚ, ÇѱÛÀÚ¸ð, 2000¿©ÀÚÀÇ ¿Ï¼ºÇü ÇѱÛÀÌ Æ÷ÇԵǾî ÀÖ´Ù. ³»·Á¹ÞÀº ¼­ºê¼ÂÀº index.html ÆÄÀÏ°ú µ¿ÀÏÇÑ Æú´õ¿¡ Ç®¾î³õ´Â´Ù. ´Ù¿î¹ÞÀ¸·Á¸é ¿©±â¸¦ Ŭ¸¯Çϱâ¹Ù¶õ´Ù.

  3. À¥ÆùÆ® ¸¸µé±â
    1. ½ÃÀÛ/¸ðµç ÇÁ·Î±×·¥/Open Type Tools/Microsoft Weft¸¦ Ŭ¸¯ÇÑ´Ù.
    2. ÆùÆ® µ¥ÀÌŸ º£À̽ºÀÇ ¾÷µ¥ÀÌÆ® ¿©ºÎ¸¦ ¹¯´Â È­¸éÀÌ ³ªÅ¸³ª¸é ¾Æ´Ï¿À¸¦ Ŭ¸¯ÇÑ´ÙÁÖ2.
      Weft ½ÇÇà
    3. ¸¶¹ý»ç°¡ ±âµ¿µÈ °æ¿ì¿¡´Â ´ÙÀ½ ¹öÆ°À» Ŭ¸¯ÇÏ°í ¸¶¹ý»ç°¡ ±âµ¿µÇÁö¾ÊÀº °æ¿ì¿¡´Â File/New ¸Þ´º¸¦ Ŭ¸¯Çؼ­ ¸¶¹ý»ç¸¦ ±âµ¿ÇÑ ÈÄ, ´ÙÀ½ ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
      Weft ¸¶¹ý»ç ½ÇÇà1
    4. »ç¿ëÀÚ Á¤º¸¸¦ ÀÔ·ÂÇÏ´Â Set User Information âÀÇ Full Name¿Í E-mailÀ» ÀÔ·ÂÇÏ°í ´ÙÀ½ ¹öÆ°À» Ŭ¸¯ÇÑ´ÙÁÖ3.
      Weft ¸¶¹ý»ç »ç¿ëÀÚ Á¤º¸ ÀÔ·Â
    5. À¥ÆùÆ®¸¦ »ç¿ëÇÒ À¥ ÆäÀÌÁö¸¦ ÁöÁ¤ÇÏ´Â Add Web Pages â¿¡¼­ ...À» Ŭ¸¯ÇÑ ÈÄ, À¥ÆùÆ® ¸¸µé±â¿ë HTML ÆÄÀÏ¿¡¼­ »ý¼ºÇÑ index.html ÆÄÀÏÀ» ÁöÁ¤ÇÏ°í¨ç, Do not add linked pages¸¦ üũÇÑ ÈĨè, ´ÙÀ½À» Ŭ¸¯ÇÑ´Ù¨éÁÖ4.
      Weft ¸¶¹ý»ç IndexÆÄÀÏ ÁöÁ¤
    6. À¥ÆäÀÌÁöÀÇ ºÐ¼® ¿©ºÎ¸¦ ¹¯´Â Analyze Web Pages âÀÇ Skip analysis¸¦ üũÇÏ°í ´ÙÀ½À» Ŭ¸¯ÇÑ´Ù.
      Weft ¸¶¹ý»ç À¥ÆäÀÌÁö ºÐ¼®
    7. À¥ÆäÀÌÁö¿¡ »ðÀÔÇÒ ÆùÆ®¸¦ ¼±ÅÃÇÏ´Â Fonts To Embed â¿¡¼­ Add ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
      Weft ¸¶¹ý»ç ±Û²Ã ÁöÁ¤
    8. À¥ÆùÆ®·Î º¯È¯ÇÒ ÆùÆ®¸¦ ÁöÁ¤ÇÏ´Â Microsoft WeftâÀÇ ÁÂÃø Æгο¡¼­ Àû´çÇÑ ±Û²ÃÀ», ¿ìÃø Æгο¡¼­ ±Û²Ã ¼­½ÄÀ» ¼±ÅÃÇÑ´Ù(¿¹¿¡¼­´Â HY±×·¡ÇÈÀ» ¼±ÅÃ). ±Û²ÃÀ» ¼±ÅÃÇÏ´Â ±âÁØÀº ´ÙÀ½°ú °°´Ù.
      • Çѱ۱۲à Weft°¡ ÇѱÛÀ» ¿Ïº®ÇÏ°Ô Áö¿øÇÏÁö¾ÊÀ¸¹Ç·Î °¡±ÞÀû ´ÙÀ½ ±ÔÄ¢¿¡µû¶ó ÇÑ±Û ±Û²ÃÀ» ¼±ÅÃÇؾßÇÑ´Ù. À©µµ¿ì¿¡ ±âº»ÀûÀ¸·Î Æ÷ÇԵǾîÀÖ´Â ¹ÙÅÁ, ±¼¸²°ú °°Àº ±Û²ÃÀº Àý´ë »ç¿ëÇؼ± ¾ÈµÈ´ÙÁÖ5.
        1. ±Û²Ã À̸§¿¡ @°¡ ºÙÁö¾ÊÀº ±Û²Ã
        2. °¡±ÞÀû Å©±â°¡ ÀÛÀº ±Û²Ã
        3. TTF À¥ÆùÆ®
      • ¿µ¹® ±Û²Ã ¸ðµç ¿µ¹® ±Û²ÃÀÌ »ç¿ë°¡´ÉÇÏ´Ù.
      Weft ¸¶¹ý»ç ±Û²Ã ÁöÁ¤2
    9. Fonts To Embed â¿¡¼­ Àü´Ü°è¿¡¼­ Ãß°¡ÇÑ ±Û²ÃÀ» Ŭ¸¯ÇÏ°í SubsetÀ» Ŭ¸¯ÇÑ´ÙÁÖ6.
      Weft ¸¶¹ý»ç ±Û²Ã ¼­ºê¼Â ÁöÁ¤
    10. »ç¿ëµÉ ¼­ºê¼ÂÀ» ÁöÁ¤ÇÏ´Â Subset Editor¿¡¼­ ÇÊ¿äÇÑ ¼­ºê¼ÂÀ» ÁöÁ¤ÇÑ´Ù. ÀýÂ÷´Â ´ÙÀ½°ú °°´Ù. Subset EditorÀÇ »ç¿ë¹ýÀº ºÎ·Ï: Subset Editor »ç¿ëÇϱ⸦ º¸±â¹Ù¶õ´Ù.
      1. Load ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
      2. Load âÀÇ ÆÄÀÏ Çü½ÄÀ» All files·Î º¯°æÇÑ´Ù.
      3. ÆÄÀÏ À̸§¿¡ ÇÑ±Û ±Û²Ã¿ë ¼­ºê¼Â¿¡¼­ ³»·Á¹ÞÀº ÆÄÀÏ(subset.txt)À» ÁöÁ¤ÇÏ°í ¿­±â¸¦ Ŭ¸¯ÇÑ´Ù.
      4. LanguageÀÇ Basic Latin, Hangul compatibility, HangulÀ» ¼±ÅÃÇؼ­ ¼­ºê¼ÂÀÌ Á¤È®È÷ ¼±ÅõǾú´ÂÁö È®ÀÎÇÑ´Ù.
    11. OK¸¦ Ŭ¸¯ÇÑ´Ù.
      Weft ¸¶¹ý»ç ±Û²Ã ¼­ºê¼Â ºÒ·¯¿À±â
    12. Fonts To Embed â¿¡¼­ ´ÙÀ½ ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
    13. À¥ÆùÆ®¸¦ ÀúÀåÇÒ Æú´õ¿Í À¥ÆùÆ®¸¦ »ç¿ëÇÒ µµ¸ÞÀÎÀ» ÁöÁ¤ÇÏ´Â Create Font Objects¿¡¼­ Show CSS @font-family declarations¸¦ üũÇÏ°í Edit... ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
      Weft ¸¶¹ý»ç µµ¸ÞÀÎ ÁöÁ¤
    14. À¥ÆùÆ®¸¦ »ç¿ëÇÒ µµ¸ÞÀÎÀ» ÁöÁ¤ÇÏ´Â Mirror Sites¿¡¼­ À¥ÆùÆ®¸¦ »ç¿ëÇÒ ¸ðµç µµ¸ÞÀÎÀ» Ãß°¡ÇÏ°í OK¸¦ Ŭ¸¯ÇÑ´Ù. ´Ù¸¥ ÇÁ·ÎÅäÄÝÀ» »ç¿ëÇÏ´Â °æ¿ì¿¡´Â µ¿ÀÏÇÑ µµ¸ÞÀÎ¸í¿¡ ´Ù¸¥ ÇÁ·ÎÅäÄÝÀ» »ç¿ëÇؼ­ Ãß°¡ÇؾßÇÑ´Ù(¿¹: https://qaos.com/).
      Weft ¸¶¹ý»ç µµ¸ÞÀÎ ÁöÁ¤
    15. Create Font Objects â¿¡¼­ ´ÙÀ½ ¹öÆ°À» Ŭ¸¯ÇÏ¸é ´ÙÀ½°ú °°ÀÌ À¥ÆùÆ®¸¦ »ý¼ºÇÏ°í ÀÖ´Ù´Â ´ëÈ­»óÀÚ°¡ ³ªÅ¸³­´Ù. »ç¿ëµÈ ±Û²Ã¿¡µû¶ó »ý¼ºµÇ´Â ½Ã°£ÀÌ ´Ù¸£¸ç ÇÑ±Û ±Û²ÃÀÇ °æ¿ì ¿À·ù°¡ ¹ß»ýÇϱ⵵ ÇÑ´Ù. ÀÌ °æ¿ì 8´Ü°èÀÇ ±ÔÄ¢À» Àû¿ëÇؼ­ ´Ù½Ã ½ÃµµÇغ¸±â¹Ù¶õ´Ù.
      Weft ¸¶¹ý»ç À¥ÆùÆ® »ý¼º
    16. À¥ÆùÆ®°¡ Á¤»óÀûÀ¸·Î »ý¼ºµÈ °æ¿ì, ´ÙÀ½°ú °°ÀÌ CSS Style â¿¡ ½ÇÁ¦ CSS¿¡ »ç¿ëÇÒ ¼ö ÀÖ´ÂÄڵ尡 Ãâ·ÂµÈ´ÙÁÖ7.
      Weft ¸¶¹ý»ç CSS ÄÚµå
    17. <STYLE>¾Æ·¡ ºÎºÐÀÇ @font-face {..}¸¦ º¹»çÇÑ ÇÑ ÈÄ, À¥ÆùÆ® ¸¸µé±â¿ë HTML ÆÄÀÏ¿¡¼­ »ý¼ºÇÑ index.html ÆÄÀÏÀÇ @font-face {...}¸¦ Àü´Ü°è¿¡¼­ º¹»çÇÑ °ÍÀ¸·Î ´ëÄ¡ÇÑ´Ù. °á°ú´Â ´ÙÀ½°ú °°´Ù.
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <HTML>
      <HEAD>
      <TITLE> New Document </TITLE>
      <STYLE TYPE="text/css">
        @font-face {
          font-family: HY±×·¡ÇÈ;
          font-style:  normal;
          font-weight: normal;
          src: url(file:///D:\Warez\Utlz\Network\Editor\WebFont Maker\DBFNT0.eot);
        }
      </STYLE>
      </HEAD>
      
      <BODY>
      <FONT face="HY±×·¡ÇÈ" style="font-size: 10px">À¥ÆùÆ® Å×½ºÆ®(Webfont Test)</FONT> <BR>
      <FONT face="HY±×·¡ÇÈ" style="font-size: 20px">À¥ÆùÆ® Å×½ºÆ®(Webfont Test)</FONT> <BR>
      <FONT face="HY±×·¡ÇÈ" style="font-size: 30px">À¥ÆùÆ® Å×½ºÆ®(Webfont Test)</FONT>
      </BODY>
      </HTML>
    18. index.html ÆÄÀÏÀ» ÀúÀåÇÏ°í ÀÌ ÆÄÀÏÀ» À¥ºê·Î¿ìÀú·Î ºí·¯¿Â´Ù.

IV. À¥ÆùÆ® »ç¿ëÇϱâ ÀÌ¹Ì ¸¸µé¾îÁø À¥ÆùÆ®¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀº ¾ÆÁÖ °£´ÜÇÏ´Ù. @font-face {...} ºí·°ÀÇ src: url() ºÎºÐ¸¸ º¯°æÇØÁÖ¸éµÈ´Ù. ¿©±â¼­ ÁÖÀÇÇÒ °ÍÀº À¥ÆùÆ®´Â ÀϹÝÀûÀ¸·Î ¸ðµç »çÀÌÆ®¿¡¼­ »ç¿ëÇÒ ¼ö ÀÖ´Â °ÍÀ̾ƴ϶ó À¥ÆùÆ®¸¦ ¸¸µç »çÀÌÆ®¿¡¼­¸¸ ÀÌ¿ëÇÒ ¼ö ÀÖ´Ù´Â Á¡ÀÌ´Ù. Áï, ÀϹÝÀûÀ¸·Î ´Ù¸¥ »çÀÌÆ®ÀÇ À¥ÆùÆ®¸¦ ÀÚ½ÅÀÇ »çÀÌÆ®¿¡ °¡Á®¿Í¼­ »ç¿ëÇÒ ¼ö ¾ø´Ù´Â Á¡¿¡ ÁÖÀÇÇϱâ¹Ù¶õ´Ù.

  1. DBFNTx.eot ÆÄÀÏÀ» Àû´çÇÑ À̸§À¸·Î º¯°æÇÑ´Ù(¿¹: hygrp.eot). ¿©±â¼­ x´Â ¼øÂ÷ÀûÀ¸·Î ºÎ¿©µÇ´Â ¼ýÀÚÀÌ´Ù.
  2. HTML ÆÄÀÏÀÇ @font-face {...} ºí·°ÀÇ urlÀ» ½ÇÁ¦ eot ÆÄÀÏÀÌ ÀúÀåµÈ URL·Î º¯°æÇÑ´Ù.
    ¿¹: src: url(http://qaos.com/theme/WebFont/hygrp.eot);
  3. .eotÆÄÀÏ°ú .html ÆÄÀÏÀ» ÀÚ½ÅÀÇ È¨ÆäÀÌÁö·Î Àü¼ÛÇÑ´Ù.
  4. ÀÚ½ÅÀÇ È¨ÆäÀÌÁö¸¦ À¥ºê·Î¿ìÀú¸¦ ÀÌ¿ëÇؼ­ ºÒ·¯¿Â´Ù.

´ÙÀ½Àº HY±×·¡ÇÈ ÆùÆ®¸¦ À¥ÆùÆ®·Î º¯È¯/È£ÃâÇÑ ¿¹ÀÌ´Ù.

V. ¸ÎÀ½¸» ÀÌ»óÀ¸·Î À¥ÆùÆ® ¸¸µé±â °­ÀǸ¦ ¸¶Ä¡°Ú´Ù. ¹°·Ð ÀÌ °­ÀǸ¸À¸·Î À¥ÆùÆ®¸¦ ÀÚÀ¯ÀÚÀç·Î ¸¸µé ¼ö ÀÖ´Â °ÍÀº ¾Æ´ÏÁö¸¸ ±âº»ÀûÀÎ À±°ûÀº Á¦°øÇß´Ù°í º»´Ù. »ç½Ç TTF À¥ÆùÆ®¸¦ À¥ÆùÆ®·Î º¯È¯Çϸé 3¸¸¹ÙÀÌÆ® ³»¿Ü°¡ µÇ¸ç À¥»çÀÌÆ®¿¡¼­ »ç¿ëµÇ´Â À̹ÌÁö ÆÄÀÏÀÇ Å©±â Á¤µµ¹Û¿¡ µÇÁö¾Ê´Â´Ù. ¶ÇÇÑ ÇöÀç ±¹³»ÀÇ ÀÎÅÍ³Ý ¼Óµµ¸¦ °í·ÁÇÏ¸é ¼­³Ê°³ÀÇ À¥ÆùÆ®¸¦ »ç¿ëÇصµ º° ¹®Á¦´Â ¾ø´Â °Í°°´Ù.

±×·¯³ª À̹ÌÁö°¡ ¸¹Àº »çÀÌÆ®°¡ »ç¿ëÀÚÀÇ Àγ»·ÂÀ» ½ÃÇèÇÏ´Â °Í°ú ¸¶Âù°¡Áö·Î Áö³ªÄ¡°Ô »ç¿ëµÇ´Â À¥ÆùÆ® ¿ª½Ã µ¿ÀÏÇÑ ¹®Á¦¸¦ ¾ß±âÇÒ ¼ö ÀÖ´Ù.

¸¹Àº °ÍÀº ºÎÁ·ÇÑ °Í¸¸ ¸øÇÏ´Ù´Â °Ý¾ðÀ» °¡½¿¼Ó¿¡ »õ°ÜµÎ±â¹Ù¶õ´Ù. ¾Æ¿ï·¯ ÀÌ °­Á°¡ ³Ê¹« ³Ê¹« °í¸¶¿î »ç¶÷Àº ÇÊÀÚ¿¡°Ô ¼úÇÑÀÜ »çÁ൵ µÈ´Ù(¹°·Ð »çÁ൵ ¿åÇÒ »ç¶÷Àº ¾ø´Ù).

VI. ºÎ·Ï: Subset Editor »ç¿ë¹ý Subset Editor1¼­ºê¼Â ÆíÁý±â°¡ ±âµ¿µÇ¸é ÁÂÃø ±×¸²Ã³·³ ÇöÀç ¼±ÅÃµÈ ±Û²ÃÀÇ ¸ð¾çÀÌ Languageº°·Î Ãâ·ÂµÈ´Ù. ±Û²ÃÀÌ Ãâ·ÂµÇ´Â ¿µ¿ªÀº ¨ç°ú ¨èó·³ £°Ô Ç¥½ÃµÈ ºÎºÐ°ú È帮°Ô Ç¥½ÃµÈ ºÎºÐÀÌ Àִµ¥ £°Ô Ç¥½ÃµÈ ºÎºÐÀÌ À¥ÆùÆ®¿¡ Æ÷Ç﵃ ±Û²ÃÀ̸ç, È帮°Ô Ç¥½ÃµÈ ºÎºÐÀº À¥Æ÷Æ®¿¡ ´©¶ôµÇ´Â ±Û²ÃÀÌ´Ù.

LanguageÀÇ ´Ù¿î ¸Þ´º¸¦ Ŭ¸¯Çϸé Basic Latin¿Ü¿¡ ¿©·¯°¡Áö Ç׸ñÀÌ ³ªÅ¸³ª´Âµ¥ ÇѱÛÀÇ °æ¿ì, ¿µ¾î ´ë¼Ò¹®ÀÚ(Basic Latin)¿Ü¿¡ ÇÑ±Û ÀÚ¸ð(Hangul Compatiblity), ¿Ï¼ºÇü ÇÑ±Û (Hangul)À» Æ÷ÇÔÇØ¾ß ÇÑ´Ù. ¾Æ·¡ÀÇ ±×¸²Àº Language¿¡¼­ ÇÑ±Û ÀÚ¸ð(Hangul Compatibility)¸¦ ¼±ÅÃÇÑ °æ¿ìÀÌ´Ù. Ãʱ⿡´Â ¾î¶°ÇÑ ÇÑ±Û Àڸ𵵠¼±ÅõǾî ÀÖÁö ¾ÊÀ¸¹Ç·Î À¥ÆùÆ®¿¡ Æ÷ÇÔ½Ãų ÇÑ±Û Àڸ𸦠¸¶¿ì½º·Î Ŭ¸¯Çϸ鼭 ¼±ÅÃÇØ¾ß ÇÑ´Ù. ÀÌ¿Í°°ÀÌ ¼±ÅÃÇÑ ÀÚ¸ð´Â Show font¿¡ ³ªÅ¸³­´Ù.

Subset Editor2±×·¯³ª ÀÌ¿Í°°ÀÌ ¸¶¿ì½º·Î Ŭ¸¯Çؼ­ ÇÑ±Û ÀÚ¸ð¿Í ¿Ï¼ºÇü ÇѱÛÀ» ÀÔ·ÂÇÏ´Â °ÍÀº »ç½Ç»ó ºÒ°¡´ÉÇÏ´Ù. µû¶ó¼­ º¸´Ù Æí¸®ÇÑ ¹æ¹ýÀÌ ÀÌ¹Ì ÀÛ¼ºµÈ ¼­ºê¼ÂÀ» ÀоîµéÀÌ´Â ¹æ¹ýÀ¸·Î Save¿Í Load ¹öÆ°À» »ç¿ëÇϸéµÈ´Ù. Save ¹öÆ°Àº ÇöÀç ¼±ÅÃµÈ ¼­ºê¼ÂÀ» ÀúÀåÇÒ ¶§ »ç¿ëµÇ¸ç, Load ¹öÆ°Àº ÀúÀåµÈ ¼­ºê¼ÂÀ» ÀÐ¾î µéÀ϶§ »ç¿ëµÈ´Ù. ÇÑ±Û ¼­ºê¼ÂÀ» Á÷Á¢ ÀÛ¼ºÇÏ´Â °æ¿ì´Â ¸¹Áö¾ÊÀ¸¹Ç·Î ÀÌ¹Ì ÀÛ¼ºµÈ ¼­ºê¼ÂÀ» Àоî¿À´Â ¹æ¹ýÀ» ¾Ë¾Æº¸ÀÚ. ÀÌ¹Ì ÀÛ¼ºµÈ ¼­ºê¼ÂÀ» Àоî¿À´Â ¹æ¹ýÀº ´ÙÀ½°ú °°´Ù.

  1. Load ¹öÆ°À» Ŭ¸¯ÇÑ´Ù.
  2. ÆÄÀÏ Çü½ÄÀ» All files·Î º¯°æÇÑ´Ù.
  3. ÀаíÀÚ ÇÏ´Â ¼­ºê¼Â ÆÄÀÏÀ» ¼±ÅÃÇÑ´Ù.
  4. ¿­±â¸¦ Ŭ¸¯ÇÑ´Ù.

ÇÑ±Û ±Û²Ã¿ë ¼­ºê¼Â¿¡¼­ ³»·Á¹ÞÀº ¼­ºê¼ÂÀ» ÀоîµéÀÌ¸é ´ÙÀ½°ú °°ÀÌ À¥ÆùÆ®¿¡¼­ »ç¿ëÇÒ ¿Ï¼ºÇü ÇѱÛÀÌ ¼±ÅõǾî ÀÖÀ½À» È®ÀÎÇÒ ¼ö ÀÖ´Ù.

Subset Editor1
Subset EditorÀÇ ¹öÆ°Àº ´ÙÀ½°ú °°Àº ±â´ÉÀ» °®´Â´Ù.

  • Font: »ç¿ëÇÒ ±Û²ÃÀ» ¼±ÅÃÇÏ´Â ºÎºÐÀÌ´Ù. ÇϳªÀÇ ±Û²ÃÀ» ¼±ÅÃÇÑ °æ¿ì ¼±ÅÃÇÒ ¼ö ÀÖ´Â ±Û²Ã ¿ª½Ã Çϳª°¡ µÈ´Ù.
  • Style: ±Û²Ã ¼­½ÄÀ» ÁöÁ¤ÇÏ´Â ºÎºÐÀÌ´Ù. ±Û²Ã ¼­½ÄÀ» Çϳª¸¸ ¼±ÅÃÇÑ °æ¿ì ¸¶Âù°¡Áö·Î Çϳª¸¸ »ç¿ë°¡´ÉÇÏ´Ù.
  • Language: ¾ð¾îº°·Î »ç¿ëµÇ´Â ¼­ºê¼ÂÀ» ¼±ÅÃÇÏ´Â ºÎºÐÀÌ´Ù. ÇѱÛÀÇ °æ¿ì, ¿µ¾î ´ë¼Ò¹®ÀÚ(Basic Latin), ÇÑ±Û ÀÚ¸ð(Hangul Compatiblity), ¿Ï¼ºÇü ÇѱÛ(Hangul)À» Æ÷ÇÔÇؾßÇÑ´Ù.
  • Show font: ÇöÀç ¼±ÅÃµÈ ¼­ºê¼ÂÀÇ ¸ñ·ÏÀ» Ãâ·ÂÇÑ´Ù. ÀÌ ¸®½ºÆ®¿¡ Æ÷ÇÔµÈ ±Û²ÃÀÌ À¥ÆùÆ®·Î º¯È¯µÈ´Ù.
  • Save: ÇöÀç Show font¿¡ ÁöÁ¤µÈ ¼­ºê¼ÂÀ» º°µµÀÇ ¼­ºê¼Â ÆÄÀÏ·Î ÀúÀåÇÒ ¶§ »ç¿ëµÈ´Ù.
  • Load: ÀúÀåµÈ ¼­ºê¼ÂÀ» ÀоîµéÀ̴µ¥ »ç¿ëµÈ´Ù. ÇѱÛÀÇ °æ¿ì ÃÖ¼Ò 2000¿©ÀÚÀÇ ¼­ºê¼ÂÀÌ ÇÊ¿äÇϹǷΠ´ç¿¬È÷ ÀúÀåµÈ ¼­ºê¼Â ÆÄÀϷκÎÅÍ Àоîµé¿©¾ß ÇÑ´Ù.
  • Bitmaps: È®ÀÎ ¸øÇÔ(?)
  • Globals: WeftÀÇ ÀüÁ¦ ¿É¼ÇÀ» ¼³Á¤ÇÏ´Â ºÎºÐÀÌ´Ù.
  • Reset: ¼­ºê¼ÂÀ» ÃʱâÈ­ÇÑ´Ù.
  • OK: ¼­ºê¼ÂÀ» ÇÒ´çÇÑ´Ù.
  • Cancel: ¼­ºê¼Â ÇÒ´çÀ» Ãë¼ÒÇÑ´Ù.

ÁÖ1Database components¿Í Fonts¸¦ ¼±ÅÃÇÏÁö¾Ê¾Æµµ µÈ´Ù. ÀϹÝÀûÀ¸·Î Database components´Â ½Ã½ºÅÛ¿¡ Microsoft Data Access°¡ ¼³Ä¡µÇ¾îÀÖÁö¾ÊÀº °æ¿ì¸¦ ´ëºñÇؼ­ ¼³Ä¡ÇÏ´Â °ÍÀ̸ç, Fonts´Â ¼³Ä¡ÇÏµç ¼³Ä¡ÇÏÁö¾Êµç Å« ¹®Á¦´Â ¾ø´Ù.
ÁÖ2¿µ¹® ÆùÆ®¸¸ »ç¿ëÇÏ´Â °æ¿ì¿¡´Â ¿¹¸¦ Ŭ¸¯ÇÏ´Â °ÍÀÌ ½ÇÇà ¼Óµµ¿¡ µµ¿òÀ» ÁØ´Ù. ±×·¯³ª ÇѱÛÀÇ °æ¿ì Weft°¡ Á¦´ë·Î ÇѱÛÀ» Áö¿øÇÏÁö ¸øÇϹǷΠ¿¹¸¦ Ŭ¸¯ÇÏ¸é ±Û²Ã Á¤º¸¿¡ ÇѱÛÀÌ Æ÷ÇÔµÈ ¸ðµç ±Û²ÃÀÌ ±úÁ®¼­ ³ªÅ¸³­´Ù. µû¶ó¼­ ÇѱÛÀÇ °æ¿ì ½ÇÇà ¼Óµµ°¡ Á¶±Ý ´À¸®¸ç, ¸Å¹ø ¾Æ´Ï¿À¸¦ Ŭ¸¯ÇÏ´Â ¹ø°Å·¯¿î °úÁ¤À» °ÅÄ¡´õ¶óµµ ¾Æ´Ï¿À¸¦ Ŭ¸¯ÇÑ´Ù.
ÁÖ3ÀÌ °úÁ¤Àº Çѹø¸¸ ÀÔ·ÂÇÏ¸é µÈ´Ù.
ÁÖ4ÇÁ·ÎÅäÄÝÀ» http://·Î º¯°æ(¡åÀ» Ŭ¸¯)ÇÑ ÈÄ index.html·Î »ç¿ëÇÒ ÆÄÀÏÀÇ URLÀ» ÁöÁ¤ÇصµµÈ´Ù. ±×·¯³ª ÀÌ °æ¿ì Á¾Á¾ ¿À·ù°¡ ¹ß»ýÇϹǷΠ°¡±ÞÀû ·ÎÄ® ÆÄÀÏÀ» ÁöÁ¤ÇÏ´Â °ÍÀÌ ÁÁ´Ù.
ÁÖ5¹ÙÅÁ, ±¼¸²°ú °°Àº ±Û²ÃÀº À©µµ¿ì¿¡ ±âº»ÀûÀ¸·Î ±ò¸®´Â ±Û²ÃÀ̹ǷΠÀ¥ÆùÆ®¸¦ »ç¿ëÇÒ ÇÊ¿ä°¡ ¾øÀ¸¸ç, ±Û²ÃÀÇ ±¸Á¶°¡ º¹ÀâÇؼ­ ¿À·ù°¡ ³¯ È®·üÀÌ ³ô´Ù.
ÁÖ6Subset´Â TTF ÆÄÀÏ¿¡¿¡ Æ÷ÇÔµÈ ±Û²ÃÁß ½ÇÁ¦ À¥ÆùÆ®¿¡¼­ »ç¿ëµÉ ±Û²ÃÀ» ÁöÁ¤ÇÏ´Â ºÎºÐÀÌ´Ù. ¿µ¹®ÀÇ °æ¿ì ¿µ¾î ´ë¼Ò¹®ÀÚ, Ư¼ö¹®ÀÚ¸¸ ÀÖÀ¸¸é µÇÁö¸¸ ÇѱÛÀÇ °æ¿ì, ÃÖ¼ÒÇÑ ¿µ¾î´ë¼Ò¹®ÀÚ, ÇÑ±Û ÀÚ¸ð¿Í ÃÖ¼Ò 2300ÀÚ Á¤µµÀÇ ¿Ï¼ºµÈ ÇѱÛÀ» ÇÊ¿ä·ÎÇÑ´Ù.
ÁÖ7À¥ÆùÆ®°¡ Á¤»óÀûÀ¸·Î »ý¼ºµÈ °æ¿ì ÀϹÝÀûÀ¸·Î index.html ÆÄÀÏÀÌ ÀÖ´Â Æú´õ¿¡ DBFNTx.eot ¶ó´Â ÆÄÀϸíÀ¸·Î À¥ÆùÆ®°¡ »ý¼ºµÈ´Ù. ¿©±â¼­ x´Â ¼øÂ÷ÀûÀ¸·Î ºÎ¿©µÇ´Â ¼ýÀÚÀÌ´Ù. ¿¹¿¡¼­ »ç¿ëÇÑ HY±×·¡ÇÈ ÆùÆ®ÀÇ Å©±â´Â 909,544 ¹ÙÀÌÆ®ÀÌÁö¸¸ »ý¼ºµÈ À¥ÆùÆ®´Â 180,351 ¹ÙÀÌÆ®·Î Å©±â°¡ »ó´çÈ÷ ÁÙ¾ú´Ù. ÀϹÝÀûÀ¸·Î TTF À¥ÆùÆ®(ºñÆ®¸Ê ÆùÆ®)¸¦ »ç¿ëÇÏ´Â °æ¿ì 30000¹ÙÀÌÆ® ³»¿Ü·Î ÁÙÀÏ ¼ö ÀÖ´Ù.



´ÙÀ½±Û: ¾øÀ½2024-03-29
ÀÌÀü±Û: Á¦ 8°­ - ¼­½Ä ÆÄÀÏ Áö¿øÇ¥ (18595)1996-06-08
<< ÀÌÀüÆäÀÌÁö (1/2)

¼¼»ó»ç´Â À̾߱â



RSS ±¸µ¶ (À͸í | ȸ¿ø | °­Á | Æ÷·³)
(C) 1996 ~ 2017 QAOS.com All rights reserved.