SVGよりアイコン・フォントï¼ã€€ãªç†ç”±ä¸¡è€…ã¯å…±ã«ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ルãªã‚‚ã®(ã«ã§ãã‚‹ã‚‚ã®)ãªã®ã§ãã®ç‚¹ã§ã¯äº’角ã ã‘ã©ã€æ§˜ã€…ãªãƒ—ãƒãƒ‘ティーをæŒã¡å¤šå½©ãªè¡¨ç¾ãŒå¯èƒ½ãªSVGã®æ–¹ãŒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆçš„ã«ã¯å„ªä½ã«ã‚ã‚‹ã¨è¨€ã£ã¦è‰¯ã„。ãŒã€ãªã‹ãªã‹åˆ©ç”¨ãŒåºƒã¾ã‚‰ãªã„SVGã«å¯¾ã—ã¦ã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã®åˆ©ç”¨ã¯æ€¥é€Ÿã«æ‹¡å¤§ã—ã¦ã„る。å˜ã«æµè¡Œã‚Šã¨ã¿ãªã™å‘ãã‚‚ã‚ã‚‹ã‘ã©ã€ã‚„ã£ã±ã‚Šãã‚Œãªã‚Šã«ç†ç”±ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã†ã€‚ CSSã¨ã®è¦ªå’Œæ€§ 特ã«ä»¥ä¸‹ã®3ã¤ã®CSSプãƒãƒ‘ティーã¯åŠ¹æžœçš„ã«ä½¿ãˆã‚‹ã€‚ font-size color text-shadow PNGã§ä½œã‚‰ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ã®è‰²ã‚’変更ã™ã‚‹ã«ã¯ç·¨é›†ãŒå¿…è¦ã ã‘ã©ã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒ•ã‚©ãƒ³ãƒˆã¯CSSファイルã§è‡ªç”±ã«è‰²ã‚’調整ã™ã‚‹ã“ã¨ãŒã§ãる。独自実装もå«ã‚ã‚‹ãªã‚‰-webkit-maskプãƒãƒ‘ティーもã¨ã¦ã‚‚(想åƒä»¥ä¸Šã«)効果的ã«ä½¿ã†ã“ã¨ãŒã§ãる。他ã«ã‚‚ã¡ã‚‡ã£ã¨ã—ãŸä½ç½®ã®èª¿æ•´ã‚„ãªã‚“ã‹ã‚‚慣れ親ã—ã‚“ã CSSã§æ™®é€šã«å¯èƒ½ã€‚æ›´ã«ã“れらをHTMLファイル
{{#tags}}- {{label}}
{{/tags}}