Web¥Õ¥©¥ó¥È´ØÏ¢¤Îµ­»ö°ìÍ÷



20161022-Google-Fonts¤Ç¥Õ¥©¥ó¥È¤¬¸«¤Ä¤«¤é¤Ê¤«¤Ã¤¿¤È¤­¤Î´éʸ»ú-00



¡üGoogle Fonts¤Î¥Ú¡¼¥¸¤¬¥ê¥Ë¥å¡¼¥¢¥ë

Google Fonts¤Î¥Ú¡¼¥¸¤¬¥ê¥Ë¥å¡¼¥¢¥ë¤µ¤ì¡¢¥â¥À¥ó¤Ê´¶¤¸¤Î¥µ¥¤¥È¤ËÊѤï¤ê¤Þ¤·¤¿¡£

Google Fonts¤Î¥µ¡¼¥Ó¥¹¤Ï¡¢¥¦¥§¥Ö¥Ú¡¼¥¸¤Ç»È¤¨¤ë¥Õ¥©¥ó¥È¤òÄ󶡤·¤Æ¤¤¤ë¥Ú¡¼¥¸¤Ç¡¢»ØÄê¤ÎÄ̤ê¤ËHTML¤äCSS¤ò³Ñ¤À¤±¤Ç¡¢ÍÍ¡¹¤Ê¥Õ¥©¥ó¥È¤¬»ÈÍѤǤ­¤ë¥µ¡¼¥Ó¥¹¤Ç¤¹¡£


ÆüËܸì¤ÎWeb¥Õ¥©¥ó¥È¤â»î¸³Åª¤Ë²¿¼ïÎफÄɲ䵤졢9¼ïÎफ¤éÁª¤Ù¤ë¤³¤È¤¬ÏÃÂê¤Ë¤Ê¤Ã¤Æ¤¤¤Þ¤¹¤Í¡£

±ÜÍ÷¼Ô¤ÎPC¤Ë¥Õ¥©¥ó¥È¤¬¥¤¥ó¥¹¥È¡¼¥ë¤µ¤ì¤Æ¤¤¤Ê¤¯¤Æ¤â»ØÄꤷ¤¿¥Õ¥©¥ó¥È¤òɽ¼¨¤Ç¤­¤ë¥¦¥§¥Ö¥Õ¥©¥ó¥È¤Ï¡¢±ÜÍ÷¼Ô¤Î»ÈÍѴĶ­¤Ë¥¦¥§¥Ö¥µ¥¤¥È¤Î¥Ç¥¶¥¤¥ó¤¬º¸±¦¤µ¤ì¤Ê¤¤¤¿¤áÈó¾ï¤ËÊØÍø¤Ê¤Î¤Ç¤¹¤¬¡¢¥¢¥ë¥Õ¥¡¥Ù¥Ã¥È¤È¤Ï°ã¤¤Ê¸»ú¤Î¼ïÎब¿¤¤¤¿¤áÆüËܸì¤ËÂбþ¤·¤¿¥¦¥§¥Ö¥Õ¥©¥ó¥È¤¬¾¯¤Ê¤¤¤Î¤â»ö¼Â¡£¤½¤ó¤ÊÃæ¡¢Google¤¬ÆüËܸì¥Õ¥©¥ó¥È9¼ïÎà¤ò¥¦¥§¥Ö¥Õ¥©¥ó¥È¤È¤·¤Æ»î¸³Åª¤Ë̵ÎÁ¸ø³«¤·¤Æ¤¤¤Þ¤¹¡£

¡Êά¡Ë

¥¦¥§¥Ö¥Õ¥©¥ó¥È¤È¤·¤ÆÍøÍѤǤ­¤ë¤è¤¦¤Ë¤Ê¤Ã¤¿¤Î¤Ï°Ê²¼¤Î9¼ïÎà¡£¤â¤È¤â¤ÈGoogle¤ÏÆÈ¼«³«È¯¤·¤¿¥Õ¥©¥ó¥È¡ÖNoto Sans Japanese¡×¤òÆüËܸì¥Õ¥©¥ó¥È¤È¤·¤Æ¸ø³«¤·¤Æ¤¤¤Þ¤·¤¿¤¬¡¢º£²ó¤Ï¤½¤ì¤Ë²Ã¤¨¤Æ¡¢¡ÖM+ FONTS¡×¤ä¡Ö¤Ï¤ó¤Ê¤êÌÀÄ«¡×¤È¤¤¤Ã¤¿ÆüËܸì¥Õ¥©¥ó¥È¤¬¥¦¥§¥Ö¥Õ¥©¥ó¥È²½¤µ¤ì¤Æ¤¤¤Þ¤¹¡£

̵ÎÁ¤Ç»È¤¨¤ëÆüËܸ쥦¥§¥Ö¥Õ¥©¥ó¥È9¼ïÎà¤òGoogle¤¬¸ø³«Ãæ¡ÊGIGAZINE¡Ë
µ­»ö¤Î³¤­¤òÆÉ¤à



20160318-Illustrator¤Îʸ»úÁȤߤäµÍ¤á¤òWeb¤ÇºÆ¸½¤¹¤ë-00


¡üWeb¤Ç¥¿¥¤¥Ý¥°¥é¥Õ¥£¤Ï¥à¥À¡©

¤Ï¤Æ¤Ê¥Ö¥Ã¥¯¥Þ¡¼¥¯¤ÇÏÃÂê¤Î¥Ú¡¼¥¸¤Ç¤³¤ó¤Êµ­½Ò¤¬¤¢¤ê¤Þ¤·¤¿¡£¡Ê°Ê²¼¤Ï¸¶Ê¸¥Þ¥Þ¡Ë

ʸ»ú¤Î´Ö³Ö¤ä²þ¹Ô°ÌÃÖ¤¬¥Ç¥Ð¥¤¥¹¤ä¥æ¡¼¥¶¡¼¤Î´Ä¶­¤Ë¤è¤Ã¤ÆÊѤï¤êƱ¤¸¸«¤¿ÌܤòÊݾڤǤ­¤Ê¤¤Ãæ¡¢¤½¤ì¤ò¥³¥ó¥È¥í¡¼¥ë¤¹¤ë¤³¤È¤ËÃíÎϤ¹¤Ù¤­¤Ç¤·¤ç¤¦¤«¡©¤½¤ì¤ò¼ÂÁõ¤¹¤ë¥¨¥ó¥¸¥Ë¥¢¤Î¹©¿ô¤Ï¸ú²Ì¤Ë¸«¹ç¤Ã¤¿¤â¤Î¤Ç¤·¤ç¤¦¤«¡©¥æ¡¼¥¶¡¼¤Ï¤É¤ó¤Ê¥á¥ê¥Ã¥È¤¬ÆÀ¤é¤ë¤Î¤Ç¤·¤ç¤¦¤«¡©²¿¤ò¤â¤Ã¤ÆÈþ¤·¤¤¥¿¥¤¥Ý¥°¥é¥Õ¥£¤È¤¹¤ë¤Î¤Ç¤·¤ç¤¦¤«¡©

Dear Web designer¡ÊMedium¡Ë

¤Ê¤ë¤Û¤É¡£

¤Ç¤â¡¢ºî¤ê¼ê¤Î¶ìÏ«¤Ï¥¯¥é¥¤¥¢¥ó¥È¤«¤é¤·¤¿¤é·ë¹½¤É¤¦¤Ç¤âÎɤ¯¤Ê¤¤¤Ç¤¹¤«¡©


¥¯¥é¥¤¥¢¥ó¥È¤â¡¢²¿¤Î¹Í¤¨¤â¤Ê¤·¤Ë¡Ö»æ¤ÈWeb¤Ã¤ÆÆ±¤¸¤è¤¦¤Ë¤Ç¤­¤Þ¤»¤ó¤«¤Í¤§¡×¤È¸À¤Ã¤Æ¤¤¤ë¤Î¤Ç¤Ï¤Ê¤¯¡¢¡Ê¥ì¥¤¥¢¥¦¥È¤ä¥¿¥¤¥Ý¥°¥é¥Õ¥£´Þ¤á¡Ë°õºþʪ¤Çɽ¸½¤·¤¿À¤³¦´Ñ¤òWeb¤Ç¤âƱ¤¸¤è¤¦¤ËºÆ¸½¤Ç¤­¤ì¤Ð¡¢¡Ö»æ¤Î¥«¥¿¥í¥°¤Ï¶Å¤Ã¤Æ¤¤¤ë¤±¤É¡¢¥¦¥§¥Ö¤Ï¤Á¤ç¤Ã¤È°ã¤¦¤Ê¡Ä¡Ê¥á¥¤¥ê¥ª¥Õ¥©¥ó¥È¡Ë¡×¤ß¤¿¤¤¤ÊÀ¤³¦´Ñ¤ÎÃÇÀä¤ò¾¯¤·¤ÏϤ餲¤é¤ì¤ë¤Î¤Ç¤Ï¡¢¤È»×¤Ã¤ÆÈ¯¸À¤µ¤ì¤Æ¤¤¤ë¤Î¤À¤È»×¤¤¤Þ¤¹¡£

¤½¤ì¤ò¥á¥Ç¥£¥¢¤¬°ã¤¦¤«¤é¡Ä¤ÈƬ¤´¤Ê¤·¤Ë¥Ð¥Ã¥µ¥êÀڤäƤ·¤Þ¤¦¤Î¤Ï¡¢¾¯¤·°ã¤¦¤È»×¤¦¤Î¤Ç¤¹¤è¤Í¡£¡Ê¤â¤Á¤í¤ó¹Í¤¨¤Ê¤·¤Ëȯ¸À¤¹¤ë¿Í¤â¿¤¤¤Ç¤·¤ç¤¦¤¬¡Ë


ÅöÁ³¡¢¥³¥¹¥È¤ÎÌäÂê¤â¤¢¤ë¤È»×¤¤¤Þ¤¹¤Î¤Ç¡¢¡Ê²þ¹Ô°ÌÃ֤ϤȤ⤫¤¯¡Ë¥æ¡¼¥¶¡¼¤Î´Ä¶­¤ÇƱ¤¸¤è¤¦¤Ë¸«¤¨¤Æ¡¢¹©¿ô¤¬¾¯¤Ê¤±¤ì¤ÐÎɤ¤¤Î¤«¡ª¡Ê¥Ý¥¸¥Æ¥£¥Ö»×¹Í¡Ë¤È¹Í¤¨¤Æ¡¢Illustrator¤ÇÀ©ºî¤·¤¿¥¿¥¤¥Ý¥°¥é¥Õ¥£¡¦Ê¸»úÁȤߤòƱ¤¸¤è¤¦¤ËWeb¤Ç¤âÈ¿±Ç¤·¤¿¤¤¤È¤¤¤¦Í×˾¤Ë´º¤¨¤Æ¥Á¥ã¥ì¥ó¥¸¤·¤Æ¤ß¤Þ¤·¤¿¡£


µ­»ö¤Î³¤­¤òÆÉ¤à



20160217-ÆüËܸìWeb¥Õ¥©¥ó¥È¤òCSS¤Çfont-family»ØÄê-00

³ä¤È´Ö°ã¤Ã¤Æ¤¤¤ë¿Í¤Ï¿¤¤¤Î¤«¤â¡©


¥â¥ê¥µ¥ï¤ÎWeb¥Õ¥©¥ó¥È¥µ¡¼¥Ó¥¹¡ÖTypeSquare¡×¤òºÇ¶á¤è¤¦¤ä¤¯»È¤¤»Ï¤á¤Æ¡¢¤³¤ì¤ÏÊØÍø¤À¤È»×¤¤»Ï¤á¤Æ¤¤¤ëº£Æü¤³¤Îº¢¡¢¤ß¤Ê¤µ¤ó¤¤¤«¤¬¤ª²á¤´¤·¤Ç¤·¤ç¤¦¤«¡£



¡üÌܼ¡



¡ü¥À¥á¤ÊCSS¤Î½ñ¤­Êý

¤µ¤Æ¡¢´û¤Ë¥¿¥¤¥È¥ëÍî¤Á¤·¤Æ¤¤¤ëµ¤¤â¤·¤Þ¤¹¤¬¡¢TypeSquare¤Ç¤Ï¡¢

font-family: "¥ê¥å¥¦¥ß¥ó R-KL","Ryumin Regular KL";
font-family: "A1ÌÀÄ«","A1 Mincho";
font-family: "Ãæ¥´¥·¥Ã¥¯BBB","Gothic Medium BBB";

¤È¡¢font-family¤ËƱ¤¸¥Õ¥©¥ó¥È¤Î¡ÖÆüËܸì¤Î¥Õ¥©¥ó¥È̾¡×¤È¡Ö±Ñ»ú¤Î¥Õ¥©¥ó¥È̾¡×¤òʤ٤ƽñ¤¤¤Æ¤Ï¤¤¤±¤Þ¤»¤ó¡£

µ­»ö¤Î³¤­¤òÆÉ¤à



20160214-¥Í¥Ã¥È¤ÎÈ¿±þ-Web¥Õ¥©¥ó¥È¤ò³ê¤é¤«¤Ë¤¹¤ëCSS-01

¡ÖWeb¥Õ¥©¥ó¥È¤ò³ê¤é¤«¤Ëɽ¼¨¤µ¤»¤ëCSS 2016ǯÈÇ IE 11/Edge/Chrome/Firefox¡ÊWindows¡Ë¡×¤ÏÁÛÁü°Ê¾å¤ËÈ¿±þ¤¬¤¢¤Ã¤Æ¥Ó¥Ã¥¯¥ê¤·¤Þ¤·¤¿¡£


20160214-¥Í¥Ã¥È¤ÎÈ¿±þ-Web¥Õ¥©¥ó¥È¤ò³ê¤é¤«¤Ë¤¹¤ëCSS-02

¤Ï¤Æ¤Ê¥Ö¥Ã¥¯¥Þ¡¼¥¯¤Ç¤â200¥Ö¥Ã¥¯¥Þ¡¼¥¯Ä¶¤¨¤Ã¤Æ¤³¤È¤Ç¡¢¤³¤¦¤¤¤¦¥Ï¥Ã¥¯¤Ã¤Ý¤¤¤Î¤Ï´Ø¿´¤¬¤¢¤ë¤Î¤À¤Ê¤È²þ¤á¤Æ´¶¤¸¤Þ¤·¤¿¡£


¤»¤Ã¤«¤¯¿§¡¹¤Ê°Õ¸«¤ò夭¡¢ÃΤé¤Ê¤¤¤³¤È¤â¤¢¤Ã¤¿¤Î¤Ç¡¢¼«Ê¬¤¬¸å¤Ç¸«ÊÖ¤»¤ë¤è¤¦¤Ë¤Þ¤È¤á¤Æ¤ª¤­¤Þ¤¹¡£¡Ê½ñ¤±¤ë»þ¤Ë¿ï»þ¹¹¿·¡Ë


µ­»ö¤Î³¤­¤òÆÉ¤à



20160212-Web¥Õ¥©¥ó¥È¤ò³ê¤é¤«¤Ë¤¹¤ëCSS-00

Ìܼ¡



¡ü¥Ö¥é¥¦¥¶¡¼¤Ë¤è¤Ã¤ÆWeb¥Õ¥©¥ó¥È¤Î¸«¤¨Êý¤¬°ã¤¦

º£¹¹¤Ç¤¹¤¬¡¢ÆüËܸì¤ÎWeb¥Õ¥©¥ó¥È¤ò²ñ¼Ò¤Î¥µ¥¤¥È¤Ç»È¤¤»Ï¤á¤Þ¤·¤¿¡£


¸µÍè¡¢Web¥Ö¥é¥¦¥¶¤ÏüËö¤Ë¥¤¥ó¥¹¥È¡¼¥ë¤µ¤ì¤Æ¤¤¤ë¥Õ¥©¥ó¥È¤ò¸Æ¤Ó½Ð¤·Ê¸»ú¤òɽ¼¨¤¹¤ë¡£Ã¼Ëö¤Î¥Õ¥©¥ó¥ÈÇ¡²¿¤Ç¤Ï¡¢Web¥Ç¥¶¥¤¥Ê¡¼¤¬°Õ¿Þ¤·¤Ê¤¤Webɽ¼¨¤¬¤Ê¤µ¤ì¤Æ¤·¤Þ¤¤¡¢¤Þ¤¿¥Õ¥©¥ó¥È¤Ë´Ø¤¹¤ëWeb¥Ç¥¶¥¤¥ó¤ËÀ©Ìó¤¬À¸¤¸¤Æ¤·¤Þ¤¦¡£¥Õ¥©¥ó¥È¤ò²èÁü¤Ë¤·¤ÆÉ½¼¨¤¹¤ë¤È¤¤¤¦¼ê¤Ï¤¢¤Ã¤¿¤¬¡¢Ê¸¾Ï½¤Àµ¤Î¥á¥ó¥Æ¥Ê¥ó¥¹¡¢Ê¸¾Ï¤Î¸¡º÷¤È¤¤¤Ã¤¿ÅÀ¤ÇÌäÂ꤬¤¢¤ë¡£¤½¤³¤ÇWeb¥µ¡¼¥Ð¡¼¾å¤Ë¥Õ¥©¥ó¥È¥Õ¥¡¥¤¥ë¤òÃÖ¤­¡¢Web¥Ç¥¶¥¤¥Ê¡¼¤Î°Õ¿Þ¤¹¤ë¥Õ¥©¥ó¥È¤òɽ¼¨¤Ç¤­¤ë¤è¤¦¤Ë¤·¤¿µ»½Ñ¤¬Web¥Õ¥©¥ó¥È¤Ç¤¢¤ë¡£

Web¥Õ¥©¥ó¥È - Wikipedia¡ÊWeb¥Õ¥©¥ó¥È - Wikipedia¡Ë


°Õ³°¤ÈƳÆþ¤Ï´Êñ¤Ç¡¢¤½¤ó¤Ê¤ËÆÉ¤ß¹þ¤ß¤¬½Å¤¯¡ÊÃÙ¤¯¡Ë´¶¤¸¤ë¤³¤È¤Ï¾¯¤Ê¤¤µ¤¤¬¤·¤Þ¤¹¡£

¤¿¤À¡¢Web¥Õ¥©¥ó¥È¤Ï¥â¥ê¥µ¥ï¤ÎTypeSquare¤ò»È¤Ã¤Æ¤¤¤Þ¤¹¤¬¡¢¥Ö¥é¥¦¥¶¡¼¤Ë¤è¤Ã¤Æ¸«¤¨Êý¤¬·ë¹½°ã¤¦¤Î¤À¤Ê¤È´¶¤¸¤Þ¤·¤¿¡£


Windows¤Î¥Ö¥é¥¦¥¶¡¼¤Ç¤Ï¡¢¤¶¤Ã¤¯¤ê¸À¤¦¤È¡¢

  • Internet Explorer 11¡§¥­¥ì¥¤
  • Edge 13¡§¤½¤ó¤Ê¤Ë¥­¥ì¥¤¤Ç¤Ï¤Ê¤¤
  • Chrome 48¡§¤½¤ó¤Ê¤Ë¥­¥ì¥¤¤Ç¤Ï¤Ê¤¤
  • Firefox 44¡§¤½¤ó¤Ê¤Ë¥­¥ì¥¤¤Ç¤Ï¤Ê¤¤

¤È¡¢¤³¤ó¤Ê´¶¤¸¤Ç¤¹¡£

¢¨Egde¤ÏEdgeHTML¤Î¥Ð¡¼¥¸¥ç¥ó¡£¥Ö¥é¥¦¥¶¡¼¤Î¥Ð¡¼¥¸¥ç¥ó¤Ï25¡£


°Õ³°¤Ë¤âInternet Explorer 11¤Ï¤½¤Î¤Þ¤Þ¤ÇOK¤Ç¤¹¡Ê¾Ð¡Ë¡£µÕ¤Ë½ãÀµ¤ÎEdge¤Ï¤Þ¤ÀȯŸÅÓ¾å¤Î¤¿¤á¤«¡¢¤½¤ó¤Ê¤Ë¥­¥ì¥¤¤Ç¤Ï¤¢¤ê¤Þ¤»¤ó¡£

µ­»ö¤Î³¤­¤òÆÉ¤à



20150507-Evernote-Clearly¤ÇNoto-Sans-Japanese¤òÀßÄꤹ¤ëÊýË¡-03

ÀèÆü¡ÖWeb¤òÆÉ¤ß¤ä¤¹¤¯¤¹¤ëEvernote Clearly¤Îɽ¼¨¥Õ¥©¥ó¥È¤òÞ⥴¥·¥Ã¥¯ÂΡ¦ÞâÌÀÄ«ÂΤˤ¹¤ëÀßÄê¡×¤È¤¤¤¦¥¨¥ó¥È¥ê¡¼¤ÇÞ⥴¥·¥Ã¥¯ÂΡ¦ÞâÌÀÄ«ÂΤò»ØÄꤹ¤ëÀßÄê¤ò½ñ¤­¤Þ¤·¤¿¤¬¡¢Windows 8.1¤Ç¤ÏÞ⥴¥·¥Ã¥¯ÂΡ¦ÞâÌÀÄ«ÂΤ¬¥¤¥ó¥¹¥È¡¼¥ë¤µ¤ì¤Æ¤¤¤Þ¤¹¤¬¡¢Windows 7¤Ç¤ÏÞ⥴¥·¥Ã¥¯ÂΡ¦ÞâÌÀÄ«ÂΤ¬¥¤¥ó¥¹¥È¡¼¥ë¤µ¤ì¤Æ¤¤¤Ê¤¤¤Î¤Ç¡¢ÀßÄꤷ¤Æ¤â°ÕÌ£¤¬¤¢¤ê¤Þ¤»¤ó¤Ç¤·¤¿¡£

¤·¤«¤·¡¢Clearly¤Îɽ¼¨¥Õ¥©¥ó¥È¤¬CSS¤Ç»ØÄê¤Ç¤­¤ë¤È¤¤¤¦¤³¤È¤Ï¡¢Web¥Õ¥©¥ó¥È¤ò»ØÄꤹ¤ë¤³¤È¤â²Äǽ¤Ç¤¹¡£

Web¥Õ¥©¥ó¥È¤Ê¤é¡¢¥µ¡¼¥Ð¡¼¤ËÆüËܸìWeb¥Õ¥©¥ó¥È¤òÍѰդ·¤Æ¤ª¤±¤Ð¡¢¤É¤Î´Ä¶­¤Ç¤âƱ¤¸¥Õ¥©¥ó¥È¤Çɽ¼¨¤Ç¤­¤Þ¤¹¡£


¤È¤¤¤¦¤ï¤±¤Ç¡¢º£²ó¤Ï¡¢Clearly¤Îɽ¼¨¥Õ¥©¥ó¥È¤òÆüËܸìWeb¥Õ¥©¥ó¥È¡ÖNoto Sans Japanese¡×¡ÊÊÌ̾¡§¸»¥Î³Ñ¥´¥·¥Ã¥¯¢¨¡Ë¤Ë¤¹¤ëÊýË¡¤ò¾Ò²ð¤·¤Þ¤¹¡£

¢¨Àµ¤·¤¯¤Ï¸»¥Î³Ñ¥´¥·¥Ã¥¯¤Ç¤Ï¤¢¤ê¤Þ¤»¤ó¤¬¡¢¤½¤Ã¤Á¤ÎÊý¤¬Ê¬¤«¤ê¤ä¤¹¤¤¿Í¤â¤¤¤ë¤Î¤Ç¤¢¤¨¤Æ¤½¤¦½ñ¤­¤Þ¤¹¡£


¡ÖNoto Sans Japanese¡×¤Ï¡¢Adobe¤ÈGoogle¤¬¶¦Æ±³«È¯¤·¤Æ¤¤¤ëWeb¥Õ¥©¥ó¥È¤Ç¤¹¡£

¡ÖNoto Sans Japanese¡×¤ÏGoogle¤ÎWeb¥Õ¥©¥ó¥È¤Î¥µ¡¼¥Ó¥¹¤ËÅÐÏ¿¤µ¤ì¤Æ¤¤¤ë¤Î¤Ç¡¢¤¹¤°¤Ë»È¤¦¤³¤È¤¬¤Ç¤­¤Þ¤¹¡Ê»²¹Í¡§ÆüËܸ쥦¥§¥Ö¥Õ¥©¥ó¥È¡ÖNoto Sans Japanese¡×¤Î»ØÄêÊýË¡¡Ê¤Ê¤¼¤«ÆüËܸì¤ËŬÍѤµ¤ì¤Ê¤¤Êý¸þ¤±¡Ë¡Ë¡£

µ­»ö¤Î³¤­¤òÆÉ¤à



20150306-Fontawesome¤ÎMaxCDN¤«¤é¤Î¥í¡¼¥É®ÅÙ-03

²èÁü½Ðŵ¡§Font Awesome, the iconic font and CSS toolkit


³§¤µ¤ó¡¢Web¥Õ¥©¥ó¥È¤Î¡ÖFont Awesome¡×»È¤Ã¤Æ¤¤¤Þ¤¹¤«¡©

ÍÍ¡¹¤Ê¥¢¥¤¥³¥ó¤¬Æþ¤Ã¤Æ¤¤¤ÆÊØÍø¤Ç¤¹¤Í¡£

Bootstrapɸ½à¤ÎWeb¥Õ¥©¥ó¥È¤Ï»ÈÍѤ·¤Æ¤¤¤Þ¤¹¤¬¡¢Font Awesome¤âºÇ¶á¤è¤¯»ÈÍѤ·¤Æ¤¤¤Þ¤¹¡£


Font Awesome¤ÎÊØÍø¤Ê¤È¤³¤í¤Ï¡¢CDN¤¬ÍѰդµ¤ì¤Æ¤¤¤Æ¡ÊMaxCDN¡Ë¡¢1¹Ô¤ò<head>¥¿¥°Æâ¤ËÄɲ乤ì¤Ð¤¹¤°¤Ë»È¤¨¤ë¤È¤³¤í¡£

°Ê²¼¤Î1¹Ô¤À¤±Äɲ乤ë¤À¤±¤Ç¤¹¡£

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

´Êñ¡ª

¤³¤ì¤À¤±¤Ç519¤Î¥¢¥¤¥³¥ó¡Ê2015ǯ3·î6Æü¸½ºß¡Ë¤¬»ÈÍѤǤ­¤Þ¤¹¡£

MaxCDN¤µ¤ó¡¢¤¢¤ê¤¬¤È¤¦¡ª



¡ü²¿¤«°ú¤Ã¤«¤«¤ê¤ò´¶¤¸¤ë¡Ä¤Î¤Ç·×¬¤·¤Æ¤ß¤¿

¤³¤ó¤Ê¤Ë´Êñ¤Ë»È¤¨¤Æ¥¦¥§¥ÖÀ©ºî¤Ç¤ÏÂçÊÑÊØÍø¤Ç´¶¼Õ¤·¤Þ¤¯¤ê¤Ç¤¹¤¬¡¢»È¤¤»Ï¤á¤ë¤È²¿¤«É½¼¨¤Ë°ú¤Ã¤«¤«¤ê¤ò´¶¤¸¤ë¤è¤¦¤Ë¤Ê¤ê¤Þ¤·¤¿¡£

Ʊ¤¸¤è¤¦¤Ê¥µ¥¤¥È¤òºî¤Ã¤Æ¤¤¤Æ¤â¡¢¼êÈ´¤­¤ò¤·¤¿¥µ¥¤¥È¤È¡¢¤­¤Á¤ó¤Èºî¤Ã¤¿¥µ¥¤¥È¤Ç¤Ï°ú¤Ã¤«¤«¤ê¶ñ¹ç¤¬°ã¤¦¤Ê¤È´¶¤¸¤¿¤Î¤Ç¤¹¡£


¼êÈ´¤­¤ò¤·¤¿¥µ¥¤¥È¤ÏÀèÄø¤ÎMaxCDN¤Î1¹Ô¤ò½ñ¤¤¤¿¤À¤±¤È¤¤¤¦¤â¤Î¤Ç¡¢¤­¤Á¤ó¤Èºî¤Ã¤¿¥µ¥¤¥È¤Ï¡¢Font Awesome¤Î¥Õ¥¡¥¤¥ë¤ò¥À¥¦¥ó¥í¡¼¥É¤·¤Æ¡¢»È¤Ã¤Æ¤¤¤ë¥µ¡¼¥Ð¡¼¤ËCSS¤ä¥Õ¥©¥ó¥È¥Õ¥¡¥¤¥ë¤ò¥¢¥Ã¥×¥í¡¼¥É¤·¤Æ¡¢»È¤Ã¤Æ¤¤¤ë¥µ¡¼¥Ð¡¼¤«¤éÆÉ¤ß½Ð¤¹¤è¤¦¤Ëºî¤Ã¤¿¤â¤Î¤Ç¤¹¡£


MaxCDN¤ÏÀ¤³¦Ãæ¤Ç»ÈÍѤµ¤ì¤Æ¤¤¤ëCDN¤Ê¤Î¤Ç½½Ê¬¤ËÁᤤ¤Î¤Ç¤·¤ç¤¦¤±¤ì¤É¤â¡¢Ç°¤Î¤¿¤á®ÅÙ¤òÄ´¤Ù¤Æ¤ß¤ë¤³¤È¤Ë¤·¤Þ¤·¤¿¡£

µ­»ö¤Î³¤­¤òÆÉ¤à



¡üNoto Sans Japanese¤Î»ØÄêÊýË¡¤ÏDTP Transit¤ò

¿·³ã¥°¥é¥à ¡ß DTP Booster¤Îº©¿Æ²ñ¤Î»þ¤Ë¡¢¥¹¥Ô¡¼¥«¡¼¤ÎÂëÌ¤ó¤Ë¡ÖNoto Sans¤Ã¤Æ¥¦¥§¥Ö¥Õ¥©¥ó¥È¤Î»ØÄê¤Î»ÅÊý¤¬Ê¬¤«¤é¤Ê¤¤¤ó¤Ç¤¹¤è¡Á¡×¤È¼ÁÌ䤷¤¿¤é¡Ö¤¢¡¢¤½¤ì¤Ê¤éDTP Transit¤Î¥µ¥¤¥È¥½¡¼¥¹¤ò¸«¤Æ¤ß¤Æ¡×¤È¸À¤ï¤ì¤Þ¤·¤¿¡£¤Ã¤Æ¡¢º£¤µ¤é¤Ã¤Æ´¶¤¸¤Ç¤¹¤¬¡¢¤½¤ÎÆâÍÆ¤Ë¤Ä¤¤¤Æ½ñ¤­¤«¤±¤À¤Ã¤¿¤Î¤Ç¡¢½ñ¤­½ª¤¨¤ÆÇ¯Ëö¤ò½ª¤ï¤í¤¦¤«¤È¡£


¼ÂºÝ¡¢DTP Transit¤Î¥µ¥¤¥È¥½¡¼¥¹¤ò¸«¤¿¤é»ØÄê¤ÎÊýË¡¤Ïʬ¤«¤ê¤Þ¤·¤¿¡£

  • DTP Transit

  • ¤Ç¤â¡¢¤³¤Î»ØÄê¤ÎÊýË¡¤Ã¤ÆÀµ¼°¤Ê¥â¥Î¤Ê¤Î¤«¡©¤Ã¤Æ»×¤Ã¤Æ¤·¤Þ¤¤¤Þ¤·¤¿¡£

    ¡Ê¸«¤¿¤¤¿Í¤Ï http://www.dtp-transit.jp/css/styles.css ¤ÎÃæ¤Ç¡ÖNoto¡×¤ò¸¡º÷¤·¤Æ¤Í¡Ë

    ǰ¤Î¤¿¤áÀµ¼°¤Ê»ØÄê¤ÎÊýË¡¤òGoogle Fonts¤Î¥Ú¡¼¥¸¤Ç³Îǧ¤·¤Æ¤ª¤¯¤³¤È¤ÏÀ©ºî¼Ô¤È¤·¤ÆÀµ¤·¤¤¤³¤È¤«¤Ê¤È¡£



    ¡üÀµ¼°¥É¥­¥å¥á¥ó¥È¤òõ¤·¤Æ¤ß¤ë

    ¤Ê¤¼¤«¤Ã¤Æ¡©

    ¡ÖNoto Sans¡×¤Ç¸¡º÷¤·¤Æ¡¢¸¡º÷·ë²Ì¤Ç½Ð¤Æ¤­¤¿ºÇ½é¤Î¥Ú¡¼¥¸¤ò¸«¤Æ¤ß¤Þ¤¹¡£

    20141225-Google-Fonts¤«¤éNoto-Sans-Japanese¤Î¥À¥¦¥ó¥í¡¼¥É-01

    ²èÁü½Ðŵ¡§google font noto sans¡ÊGoogle ¸¡º÷¡Ë



    °Ê²¼¤Î¥Ú¡¼¥¸¤¬½Ð¤Æ¤­¤Þ¤¹¡£

    ¤Ê¤ó¤«¤´¤Á¤ã¤´¤Á¤ã½ñ¤¤¤Æ¤¢¤ê¤Þ¤¹¤±¤É¡¢±¦¾å¤Ë¡ÖOpen Noto Sans in Google Fonts¡×¤Ã¤Æ½ñ¤¤¤Æ¤¢¤ë¤Î¤Ç¥¯¥ê¥Ã¥¯¡ª

    20141225-Google-Fonts¤«¤éNoto-Sans-Japanese¤Î¥À¥¦¥ó¥í¡¼¥É-02

    ²èÁü½Ðŵ¡§Noto Sans¡ÊGoogle Fonts¡Ë



    ¤¹¤ë¤ÈGoogle Fonts¤ÎNoto Sans¤Î¥Ú¡¼¥¸¤¬½Ð¤Æ¤­¤Þ¤¹¡£¡Ö¾¡¤Ã¤¿¥Ã¡ª Â裳Éô´°¡ª¡×¤Ã¤Æ»×¤¦¤¸¤ã¤Ê¤¤¤Ç¤¹¤«¡£

    20141225-Google-Fonts¤«¤éNoto-Sans-Japanese¤Î¥À¥¦¥ó¥í¡¼¥É-05

    ²èÁü½Ðŵ¡§Google Fonts


    µ­»ö¤Î³¤­¤òÆÉ¤à



    On the Road Manuscript, #1 by Thomas Hawk


    Á´Á³Internet Explorer 9¤ò»È¤Ã¤Æ¤¤¤Ê¤¤¤Î¤Ç¤¹¤¬¡Ê¢¨1¡Ë¡¢¿§¡¹Ä´¤Ù¤Æ¤ß¤ë¤ÈInternet Explorer 9¤Î¥Æ¥­¥¹¥È¥ì¥ó¥À¥ê¥ó¥°¤Î²þÎɤ¬¤ª¤â¤·¤í¤¤¤Î¤Ç¾Ò²ð¡£


    Internet Explorer 9¤Î¥Æ¥­¥¹¥È¤Ï¤Ê¤¼Internet Explorer 8¤è¤êÆÉ¤ß¤ä¤¹¤¯¤Ê¤Ã¤Æ¤¤¤ë¤Î¤«¡¢¤È¤¤¤¦¥Æ¡¼¥Þ¤Ç¤¹¡£

    Á°²ó¤Î¥Ö¥í¥°¤Ç½ñ¤¤¤¿¡ÖIE8¤ÈIE9¤ÇWeb¥Õ¥©¥ó¥È¤Î¥ì¥ó¥À¥ê¥ó¥°¤ò¸«Èæ¤Ù¤Æ¤ß¤ë¡× ¤Î¸åȾ¤Ç½ñ¤¤¤¿ClearType¤ÎÀºÅ٤ΰ㤤¤Ë¤Ä¤¤¤Æ¤ÎÊ䭤Ǥ¹¡£
     
    µ­»ö¤Î³¤­¤òÆÉ¤à



    The faces behind the typefaces by Gabriel Figueiredo

    ¤·¤Ä¤³¤¤¤Ç¤¹¤¬¡¢¥â¥ê¥µ¥ï¤ÎTypeSquare¤òInternet Explorer¤Ç¸¡¾Ú¤·¤Æ¤ß¤Þ¤¹¡£

    º£²ó¤Ï¤ä¤Ï¤êWindows¤Ç¤Ï¥·¥§¥¢¤Î¿¤¤Internet Explorer 8¤Ë¤Ä¤¤¤Æ¤Ç¤¹¡£
    3·î¤ÎInternet Explorer 6¤ÎȾ¶¯À©¥¢¥Ã¥×¥Ç¡¼¥È¤Ç¡¢Windows XP¤Ç¤ÎInternet Explorer 8¤ÎÁý²Ã¤â¸«¹þ¤Þ¤ì¤ë¤Î¤Ç¡¢¸ÀµÚ¤·¤Æ¤ª¤«¤Ê¤±¤ì¤Ð¤Ê¤é¤Ê¤¤¤Ç¤·¤ç¤¦¡£


    Internet Explorer 8¤Ç¤Ï¡ÖInternet Explorer¤Î¥Õ¥©¥ó¥È¥ì¥ó¥À¥ê¥ó¥°¤Ï£²¼ïÎàÍѰդµ¤ì¤Æ¤¤¤ë¡©¡×¤Ç½ñ¤¤¤¿¤è¤¦¤ÊCanvasÍ×ÁǤËʸ»ú¤òÉÁ¤¯¤³¤È¤¬¤Ç¤­¤Þ¤»¤ó¤Î¤Ç¡¢ÉáÄ̤ÎdivÍ×ÁǤäpÍ×ÁǤËÉÁ¤«¤ì¤ë¤â¤Î¤À¤±¤È¤¤¤¦¤³¤È¤Ë¤Ê¤ê¤Þ¤¹¡£¡ÊVML¤ò»È¤¨¤ÐÊ̤ʤΤ«¤Ê¡Ä¡©¡Ë

    µ­»ö¤Î³¤­¤òÆÉ¤à



    ¥Ö¥í¥°Ãø¼Ô

    ̾Á°¡§¡ÊGoogle+¤Î¥×¥í¥Õ¥£¡¼¥ë¡Ë

    ¥±¡¼¥¿¥¤¹¥¤­¡£¥¬¥¸¥§¥Ã¥È¤¬¹¥¤­¤ÇiPhone¤ä¤éAndroid¤Ê¤É¤ò½êÍ­¡£Surface Pro 2¤â»ý¤Ã¤Æ¤¤¤ë¡£

    ¤ª»Å»ö¤Ï°õºþ²ñ¼Ò¤Ç±Ä¶È¡¦¹­Êó³èư¡¦DTP¥ª¥Ú¤Ê¤É¤ò¤·¤Æ¤¤¤Þ¤¹¡£Íפϲ¿¤Ç¤â²°¤µ¤ó¤Ç¤¹¡£ºÇ¶á¤Ï°õºþ´ØÏ¢¤è¤ê¡¢¼«¼Ò¤Î¥¦¥§¥Ö¥µ¥¤¥È¤òÀ©ºî¤¹¤ë¤ª»Å»ö¤¬¤Û¤È¤ó¤É¡£»ÈÍѤ·¤Æ¤¤¤ëCMS¤ÏMovable Type¡£

    ¥Ö¥í¥°Ãø¼Ô¤Ë¤Ä¤¤¤Æ

    ¥µ¥¤¥ÈÆâ¸¡º÷