æ„外ã¨å¤šã„!? Web フォントã«å¯¾å¿œã—ã¦ã„ãªã„環境 〜2012 å¹´ã® Web フォント事情〜 - ã¦ã£ã煮ブãƒã‚°
html5Web フォントã¯ã€ŒWeb サイトã«ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’埋ã‚込むã€ãŸã‚ã®æŠ€è¡“ã§ã™ã€‚ç¾è¡Œã®ãƒ–ラウザーã¯å…¨ã¦ Web フォントã«å¯¾å¿œã—ã¦ã„る状æ³ã§ã™ã€‚ãã‚“ãªçŠ¶æ³ã§ã‚ã‚‹ãŸã‚ã€çµ¶å¯¾ã«ã‚³ãƒ”ペã§ããªã„æ–‡ç« ã‚’ä½œã£ãŸã£ãŸwwww 㯠Web フォントã«ä¾å˜ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã—ãŸãŒã€ç‰¹åˆ¥ãªé…æ…®ã¯ã›ãšã«å…¬é–‹ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€å…¬é–‹å¾Œã€Web フォントãŒé©ç”¨ã•ã‚Œãªã‹ã£ãŸè¤‡æ•°ã®æ–¹ã‹ã‚‰ã€Œã‚³ãƒ”ペã§ãã‚‹ã‚“ã ã‘ã©ã©ã†ã„ã†ã“ã¨ï¼Ÿã€ã€Œæ„味ãŒåˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆãŒã‚ˆã›ã‚‰ã‚Œã¾ã—ãŸã€‚ãã“ã§ã€Web サーãƒãƒ¼ã®ã‚¢ã‚¯ã‚»ã‚¹ãƒã‚°ã‚’解æžã—ã¦ã€ŒWeb フォントã«å¯¾å¿œã—ã¦ã„ãªã„環境ã€ãŒã©ã®ç¨‹åº¦ã‚ã£ãŸã®ã‹ã‚’調ã¹ã¦ã¿ã¾ã—ãŸã€‚４種類ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆä¸€å£ã« Web フォントã¨ã„ã£ã¦ã‚‚ã€ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ WOFF・TTF・EOT・SVG ã® 4 種類ã‚ã‚Šã¾ã™ã€‚今後㯠WOFF フォーマットãŒæ¨™æº–ã«ãªã£ã¦ã„ãã®ã§ã™ãŒã€ç¾åœ¨ã§ã¯ã‚µãƒãƒ¼ãƒˆã—
æ„外ã¨çŸ¥ã‚‰ãªã„？アイコンã¯Webフォントã§ã¤ãã‚‹ã¨ã“ã‚“ãªã«ä¾¿åˆ©ï¼
Webフォントã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¤ãã‚ã†ï¼ ゆã¨ã‚Šã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®ã»ã‚“ã ã§ã™ã€‚ 最近ã€Webフォントを使用ã™ã‚‹ä»•äº‹ã«å¤šãæºã‚ã£ãŸé–¢ä¿‚ã§ã€ Webフォントを有効活用ã—ãŸã‚‚ã®ã™ã£ã”ãç´ æ•µãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—方法ã«æ°—ã¥ãã¾ã—ãŸã€‚ ãšã°ã‚Šã€ã‚¢ã‚¤ã‚³ãƒ³ã‚„ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ãƒ©ã‚¹ãƒˆã‚’Webフォントã§ä½œæˆã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ （以下ã®ãƒ‡ãƒ¢ã¯Google Chromeãªã©ã€ãƒ¢ãƒ€ãƒ³ãªãƒ–ラウザ推奨ã§ã™ã€‚） jsdo.it ã®ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’使用ã™ã‚‹ - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作æˆã™ã‚‹ã ã‘ã ã¨ã€ã‚ã¾ã‚Šæ–°é®®ã•ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ CSS3時代ã®ã„ã¾ã€ã“ã‚Œã¯ã¨ã£ã¦ã‚‚有効ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—方法ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ã€ã¤ã¥ãã‹ã‚‰ã©ã†ãžï¼ 色をã¤ã‘ã‚‹ フォントãªã®ã§CSS「color:ã€ã§æŒ‡å®šã™ã‚‹ã ã‘ã§è‰²ã‚’ã¤ã‘られã¾ã™ã€‚ ã‚‚ã¡ã‚んマウスオーãƒãƒ¼æ™‚ã«è‰²ã‚’変更ã™ã‚‹ã®ã‚‚ã€C
Webフォントをã‚レイã«è¦‹ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’2ã¤ç´¹ä»‹(Chromeç·¨)
æ¦‚è¦ â–¶ 様々ãªãƒ•ã‚©ãƒ³ãƒˆãŒWebã§åˆ©ç”¨ã§ãるモリサワã®Webフォントサービス《TypeSquare》ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã。TypeSquare [タイプスクウェア] 2012å¹´12月末ã¾ã§ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã®ã§ã€Webæ¥ç•Œã®äººã‚„å°åˆ·æ¥ç•Œã®äººãŒè©¦ã—ã¦ã„るよã†ã§ã™ã€‚ ã—ã‹ã—ã€ã“ã® Webフォントサービスã€è©¦ã—ãŸæ–¹ã‹ã‚‰ã¯æ„外ã«ä¸è©•ã®å£°ã‚‚ã¡ã‚‰ã»ã‚‰â€¦ã€‚ãã‚Œã¯æœ¬æ–‡çµ„ã«Webフォントを使用ã—ã¦ã€Windowsã®ã‚¦ã‚§ãƒ–ブラ 様々ãªãƒ•ã‚©ãƒ³ãƒˆãŒWebã§åˆ©ç”¨ã§ãるモリサワã®Webフォントサービス《TypeSquare》ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã。 TypeSquare [タイプスクウェア] 2012å¹´12月末ã¾ã§ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã®ã§ã€Webæ¥ç•Œã®äººã‚„å°åˆ·æ¥ç•Œã®äººãŒè©¦ã—ã¦ã„るよã†ã§ã™ã€‚ ã—ã‹ã—ã€ã“ã® Webフォントサービスã€è©¦ã—ãŸæ–¹ã‹ã‚‰ã¯æ„外ã«ä¸è©•ã®å£°ã‚‚ã¡ã‚‰ã»ã‚‰â€¦ã€‚ ãã‚Œã¯æœ¬æ–‡çµ„ã«Webフォントを使用ã—ã¦ã€Windo
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.cmmntr.com/t/9f03f112f473601f4a809bc6f7d6c4a4
{{#tags}}- {{label}}
{{/tags}}