æ–‡å—ã‚’JavaScriptã§ç”»åƒã®ã‚ˆã†ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹Â·typeface.js MOONGIFTWebサイトを見ã¦ã„ã‚‹ã¨ã€æ–‡å—ã‚’ç”»åƒã«ç½®ãæ›ãˆãŸã‚µã‚¤ãƒˆã‚’見るã“ã¨ãŒã‚る。æ€ã„æã„ã¦ã„る見ã›æ–¹ã‚’ãã®ã¾ã¾è¡¨ç¤ºã•ã›ãŸã„ã¨ããªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é‡è¦–ã™ã‚‹ã‚µã‚¤ãƒˆã§ã‚ˆã見られる工夫ã 。ã—ã‹ã—å•é¡Œã¯ãã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®æ‚ªã•ã ã‚ã†ã€‚ 奇麗ã«æ–‡å—ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ ãã‚Œã«é©åˆ‡ã«èª¬æ˜Žæ–‡ã‚’入れã¦ãŠã‹ãªã„ã¨æ–‡å—èªã¿ä¸Šã’ブラウザãªã©ã§ã¯ä½•ã‚‚æƒ…å ±ãŒå¾—られãªããªã£ã¦ã—ã¾ã†ã€‚ãã†ã—ãŸç…©é›‘ã•ã‹ã‚‰è§£æ”¾ã•ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ラリãŒã“ã‚Œã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯typeface.jsã€æ–‡å—ã‚’SVGç”»åƒã«å¤‰æ›ã™ã‚‹JavaScriptライブラリã 。 typeface.jsã¯æŒ‡å®šã—ãŸæ–‡å—ã‚’ãã®ã¾ã¾canvasタグを使ã£ãŸSVGç”»åƒã«å¤‰æ›ã™ã‚‹ã€‚CSSを使ã£ã¦æ–‡å—装飾を行ã†ã“ã¨ãŒã§ãã€å¤ªå—/イタリック/色変更を変更ã§ãる。他ã«ã‚‚font-stretch（横幅）ã€æ–‡å—é–“éš”ã€è¡Œã®é«˜ã•ãªã©ã‚’指定ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã 。 é¸æŠžã™ã‚‹ã¨æ–‡å—å…¨
{{#tags}}- {{label}}
{{/tags}}