æ¥æ¬ã®ã客æ§ã¸ãæ¥æ¬ããã³æ±ã¢ã¸ã¢ã®Webãã©ã³ãã¸ã®å¯¾å¿ã¨æ°ãããã©ã³ãé¸æãã¼ã«ã«é¢ãããç¥ããã
4ã¤ã®ãã¼ã ãã3ã¤ã®å¤§é¸ã5ã¤ã®æé帯ã«åããããã®é·å¹´ã®ä½æ¥ãçµããTypekitã®Webãã©ã³ããµã¼ãã¹ãæ¡å¼µãããæ¥æ¬èªãä¸å½èªãããã³éå½èªç¨ã®ãã©ã³ãã«ã対å¿ãã¾ããã
ç§ã©ãã®æ¥æ¬ï¼ããã³æ±ã¢ã¸ã¢åãï¼æ¸ä½ã©ã¤ãã©ãªã¼ãããã¹ã¯ãããç¨ãã©ã³ãã¨ãã¦åæå¯è½ã«ããã ãã§ãªããã客æ§ã®Webãµã¤ãã§ããå©ç¨å¯è½ã¨ãªããå°å¡ææã¨å°å¡ã´ã·ãã¯ã®ãã¡ããªã¼ã«å ãã¦ãå¾æ¥ã®ã¢ããã®æ¸ä½ã©ã¤ãã©ãªã¼ã«å«ã¾ãã¦ããå¹³ææ¸ä½ããã¥ãããããã³ããããã®æ¸ä½ãã¡ããªã¼ãTypekitã®ã³ã¬ã¯ã·ã§ã³ã«å ããã¾ããã
ãã¤ãããã¯ãªãµãã»ããå
æ¥æ¬èªãã©ã³ããå«ãæ±ã¢ã¸ã¢ç¨ãã©ã³ãã®ãµã¤ãºã¯å·¨å¤§ã§ããæ¨å¹´ãæºãè§ã´ã·ãã¯ï¼Source Han Sansï¼ããªãªã¼ã¹ãã¾ããããæ¥æ¬èªç¨ã®æåã18,000åå¼±ãç°¡ä½ä¸å½èªç¨æåã¯31,000æåã«åãã§ãã¾ããæåæ°ãå¤ãã ãã§ãªãããã¡ã¤ã«ãµã¤ãºãä½ã¡ã¬ãã¤ãã«ããªãã¾ãããã©ã³ãã«ãã£ã¦4.2 MBãã8.8 MBã«éããã®ã§ãï¼ãã®ãããªãã©ã³ãããã客æ§ã®Webãµã¤ãã§ããå©ç¨ããã ããããã«ããã«ã¯ãã©ã®ãããªä»çµãå¿ è¦ã ã£ãã®ã§ããããã以ä¸ã«èª¬æãããã¾ãã
Typekitã®ãããããã«ãæ¥æ¬èªï¼ã¾ãã¯æ±ã¢ã¸ã¢ã®ï¼ãã©ã³ãã»ãã¡ããªã¼ã追å ããã¨ãããã¤ãããã¯ã»ããããã¨å¼ã°ãããã®ãä½ããã¾ãããã¤ãããã¯ã»ãããã®ä¸ã«ãããã¤ãããã¯ã»ãµãã»ããã£ã³ã°ãã¨ããæ°ããæåéåã®ãªãã·ã§ã³ãããããã»ã¨ãã£ã¿ã¼ã§ä½æãããã¨ãã§ãã¾ããããã¤ãããã¯ã»ããããã®JavaScriptããã°ã©ã ããã©ã¦ã¶ã¼ã«ãã¼ããããã¨ããã®ããã°ã©ã ãããã¼ã¸ä¸ã§ä½¿ããã¦ããæåãæ¤åºãã¦ãæ¸ä½ãã¡ããªã¼ã®æ§æãã©ã³ããã¨ã«ãå¿ è¦ã¨ãªãæåã®é¨åéåï¼ãµãã»ããï¼ãè¦æ±ãã¾ããããã¨ã極ãã¦å°ããªãã©ã³ããä½ããããã¼ãã«è¦ããæéãé£èºçã«ç縮ãããã¨ãã§ãã¾ãã
ãããã£ããããã¾ã§ã¯è¯ãããã ããã©â¦â¦ãå 容ã«ããã¥ã¼ãºã»ãã£ã¼ããã³ã¡ã³ãæ¬ãå«ã¾ãã¦ããããã©ããªãã®ï¼å 容ããã¤ãããã¯ã«å¤åããããæ°ããæåã®é¨åéåãå¿ è¦ã«ãªãã®ã§ã¯ï¼ãã¨ããã客æ§ã®å£°ãèããã¦ãããã§ãããåé¡ããã¾ããã
DOMï¼Document Object Model)ã«å¤æ´ããããã©ãããæ¤ç¥ãã¦ãæ°ããæåã ããããã¼ã«ã«å´ã«ã³ãã¼ãã¦è¿½å ããããè¦æ±ããããã§ãããã®ä»çµã¿ãããã¤ãããã¯ã»ãªã¼ã°ã¡ã³ãã¼ã·ã§ã³ãã¨å¼ãã§ãã¾ããããã¤ãããã¯ã»ãªãã·ã§ã³ããç¨ãããããä¸ã®ã©ã®ãã©ã³ãã»ãã¡ããªã¼ã«å¯¾ãã¦ããèªåçã«ããã¤ãããã¯ã»ãªã¼ã°ã¡ã³ãã¼ã·ã§ã³ãã¯åä½ãã¾ãã
æ°ãããã©ã³ãå ¨ä½ãåãã¦ã³ãã¼ããããããã«ã追å ã®æåã ããåç´ã«è¦æ±ãã¦ãã使ãã®ãã©ã¦ã¶ã¼ä¸ã§ãããæ´æ°ãããã¨ãå¯è½ã«ãªãã¾ããã
ãï¼æåã ãå¿ è¦ãªãã ãã©ï¼ã
ãããå¯è½ã§ããããã¦ãããã«è¿½å ã§ããï¼æåå¿ è¦ã«ãªã£ãæã§ããæåã®æåãå度ãã¦ã³ãã¼ãããå¿ è¦ã¯ããã¾ãããããã¤ãããã¯ã»ãªã¼ã°ã¡ã³ãã¼ã·ã§ã³ãã«ãã£ã¦ããããããªWebãã©ã³ãã®æå®ãå«ããã¤ãããã¯ãªãã¼ã¸ããæ¥æ¬ï¼ããã³æ±ã¢ã¸ã¢ï¼ã®ã客æ§ã«æä¾ãããã¨ãå¯è½ã«ãªãã¾ããã
ãããã®æ°ããæ©è½ã«ã¤ãã¦è©³ãããç¥ãã«ãªãããå ´åã¯ãå¼ç¤¾ãæ´æ°ãã¦ãããWebãµã¤ãã¸ã®ãã©ã³ãã®è¿½å ãããã³ãè¨èªãµãã¼ãã¨ãµãã»ãããã«é¢ãããã«ãã®è¨äºãã覧ãã ããããã©ã¦ã¶ã¼ã®å¯¾å¿ã«é¢ãã詳細ã¤ãã¦ã¯ãå¼ç¤¾ã®ããã©ã¦ã¶ã¼ã¨OSã®ãµãã¼ããã®ãã¼ã¸ãã覧ãã ããã
æ°ãããã©ã³ãã®ãã©ã¦ã¸ã³ã°ã¨æ¤ç´¢
æ¥æ¬èªæ¸ä½ã®ä¸çã§ã¯ããã»ãªããã¨ããµã³ã»ãªããã¨ããè¨èã®ãããã«ããææãããã´ã·ãã¯ããã丸ã´ã·ãã¯ãããçæ¸ä½ããã®ä»ã®åé¡åãç¨ãããã¾ããæ¥æ¬èªæ¸ä½ãæ¤ç´¢ã»çºè¦ã§ãããããã¾ã£ããæ°ããUIãä½ãããã©ã¦ãºã¢ã¼ãåæ¿ã¹ã¤ãããå°å ¥ãã¾ãããå¾æ¥ãããããã£ã«ã¿ãªã³ã°ã»ãªãã·ã§ã³ã«å ãæ¥æ¬èªç¨ãã£ã«ã¿ãªã³ã°ã»ãªãã·ã§ã³ã使ç¨ã§ããããã«ãªãã¾ãããæ¥æ¬èªã®ãªãã·ã§ã³ãé¸æããã¨ãã½ã¼ãã¨åé¡ãæ°ãããªãã·ã§ã³ãä»ãã¦è¡ããã¨ãã§ãã該å½ããæ¥æ¬èªãã©ã³ãã ãã表示ããã¾ããããã©ã«ãã®ã¢ã¼ãã®å ´åã«ã¯ãå¾æ¥ãããããã好ã¿ãã®ãã©ã³ãã¨ããã®ä»ã®éæ¥æ¬èªãã©ã³ãã表示ããã¾ãã
ãããã®ãã¼ã«ã«é¢ãã詳細ã«ã¤ãã¦ã¯ããã¹ã¯ãããã¸ã®ãã©ã³ãã®åææ¹æ³ãããã³ãWeb ãµã¤ãã¸ã®ãã©ã³ãã®è¿½å ã«ã¤ãã¦ã®ãã«ãè¨äºãã覧ãã ããã
ä»ã¾ã§ããé欧æãã©ã³ãã«ã¤ãã¦ããããã®è¨èªã§ãµã³ãã«ãªã©ã表示ãã¦ãã¾ããããä»åãã©ã³ãåãåè¨èªã§è¡¨ç¤ºãããããã«ãããã¾ãããããã客æ§ãè±èªã使ç¨ãããå°åï¼ãã±ã¼ã«ï¼ã«ããããå ´åã«ã¯ãè±èªã®ååã表示ããã¾ããæ¥æ¬ã®ã客æ§ã®å ´åã«ã¯ãæ¥æ¬èªã®ååã表示ããã¾ããå ãã¦ãè¤æ°è¨èªã«ããæ¤ç´¢ã«ã対å¿ãã¦ãã¾ãããã®ãããå°å¡ã´ã·ãã¯ãæ¤ç´¢ããå¿ è¦ãããå ´åããå°å¡ããããã¥ããããã³ã ã«ãããããã¯ããããã£ããããã´ã·ãã¯ãã¨å ¥åãããã¨ã§å¿ è¦ã¨ããçµæãå¾ããã¾ããããã¯æ¥æ¬ã®ã客æ§ã§ãªãã¦ããå©ç¨ããã ãããã®ã§ãæ¢ã«æ¤ç´¢é ç®ã¯ãä¸å½èªã¨éå½èªã«ã対å¿ãã¦ãã¾ãã
ãã²ãTypekitãã試ããã ããã
ãããã®å¤æ´ç¹ã¯ãæ¬æ¥ã®2015å¹´ã®Creative Cloudã®ãªãªã¼ã¹ã¨å ±ã«æå¹ã¨ãªãã¾ããCreative Cloudã®ãµãã¹ã¯ãªãã·ã§ã³ã«ã¯Typekitãå«ããã©ã³ãç¨æããã¦ãã¾ãããããã¯Typekitã®åç¬ã®ãã©ã³ããå¥ç´ããã ããã¨ã§ãããããã®ç´ æ´ããããã©ã³ãã«ã¢ã¯ã»ã¹ãããã¨ãå¯è½ã«ãªãã¾ãã
ãã®ãµã¼ãã¹ã®æºåã«ã¯ãæ°å¤ãã®ä½æ¥ãè¦ãã¾ãããæ¥æ¬ãæ±ã¢ã¸ã¢ã®ã客æ§ãããã®ãµã¼ãã¹ããå©ç¨ã«ãªããæ°å¤ãã®ç´ æ´ãããã¿ã¤ãã°ã©ãã£ãWeb ä¸ã«å¶ä½ããããã¨ã念é¡ãã¦ãã¾ãã
å¼ç¤¾ã¯ãå¼ç¤¾ã®æ¥æ¬èªãã©ã³ãï¼ããã³æ±ã¢ã¸ã¢åããã©ã³ãï¼ã®æ°ãã対å¿ã«ã¤ãã¦ãç´¹ä»ã§ããWebãµã¤ãããã¡ä¸ãã¾ããããã²ããæè¦ã»ãææ³ããå¯ããã ãããã¾ããããã§ãã客æ§ãå¶ä½ãããWebãµã¤ããã·ã§ã¢ãã¦ããããã¨ãã§ããã°å¹¸ãã§ãã
æå¾ã«ããã¹ã¦ã®ãã¼ã¿ã»ãã¹ã¿ã¼ã®çæ§ã«ã礼ãç³ãä¸ãã¾ããçæ§ã®ãååã«ãã£ã¦ããã®ç´ æ´ããããªãªã¼ã¹ãå¯è½ã¨ãªãã¾ããããããã¨ããããã¾ããï¼
3 Responses
Comments are closed.
ã¯ããã¾ãã¦ã
ã¤ãã«Typekitã®Webãã©ã³ããæ¥æ¬èªã«å¯¾å¿ããã¨ç¥ããè¸ãèºããã¦ããï¼äººã§ãã
ããããæ¥æ¬èªã®Webãµã¤ãã§ãç¾ããã¿ã¤ãã°ã©ãã£ãå®ç¾ã§ããç°å¢ãæ´ã£ãã®ã§ããï¼
ããã¸ãå¬ããæããå°½åãããçæ§ã«æè¬ãããã¾ãã
æè¿Webããããã¯ãããç§ã使ã£ã¦ã¿ããã¨MUSEããTypekitã«ã¢ã¯ã»ã¹ããã¨ãããæ®å¿µãªããMUSEã«ã¯ã¾ã 対å¿ãã¦ããªãã®ã§ããã
ãããMUSEã«ã対å¿ãããã¨ãå¿ããå¾ ã¡æãã§ãã¾ãï¼
大å¤ãªä½æ¥ã ã¨æãã¾ãããä»å¾ãé å¼µã£ã¦ãã ããã
æ¸ç±ã®ãã¶ã¤ã³ããã¦ããè ã§ãã
ãã¼ããã©ãªãªãµã¤ãã®å¶ä½ï¼æ´æ°ã«museãå©ç¨ãã¦ãã¾ãã
WEBãã¶ã¤ã³ã¯æ¬æ ¼çã«åå¼·ãã¦ããªãã®ã§ããã
InDesignã«æ £ããèªåã«ã¯é常ã«ä½¿ãããããå©ãã£ã¦ãã¾ãã
museã§æ¥æ¬èªWEBãã©ã³ããå©ç¨ã§ãããã¨ãå¾ ã¡æãã§ãã¾ãï¼ï¼ï¼ï¼
I am really grateful to the owner of this website who has shared this great post at here.