SVGã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¤ãã‚‹ãªã‚‰IcoMoonãŒã‚ªã‚¹ã‚¹ãƒ¡ï¼æœ€è¿‘ã®ã‚¦ã‚§ãƒ–デザインã§ã¯ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¤ãるスã‚ルã¯å¿…é ˆã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã§ã™ã。 先日公開ã—ãŸã‚µã‚¤ãƒˆã‚‚ã€ãƒ クドリã•ã‚“ã‚„ã‚«ãƒã•ã‚“ã¯ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãªã®ã§ã™ã€‚ ムクドリã•ã‚“ã‹ã‚ã„ㄠアイコンフォントを作æˆã™ã‚‹æµã‚Œã¯ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ パスã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’æã(色ã¯ãƒ™ã‚¿å¡—ã‚Š1色ï¼) SVGã§ä¿å˜ã™ã‚‹ï¼ˆã ã„ãŸã„ã¯ã“ã®æ™‚ã®ãƒ•ã‚¡ã‚¤ãƒ«åãŒã‚¢ã‚¤ã‚³ãƒ³ã®åå‰ã«ãªã‚Šã¾ã™ï¼‰ SVGをアイコンフォント生æˆã‚µãƒ¼ãƒ“スã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«å¤‰æ›ã™ã‚‹ ãã‚Œã§ã¯Adobe Illustratorã¨IcoMoonã§ã‚µã‚¯ã£ã¨ã¤ãã£ã¦ã¿ã¾ã—ょã†ã€‚ パスã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’æã アイコンフォントã¯ãã®åå‰ã®é€šã‚Šãƒ•ã‚©ãƒ³ãƒˆãªã®ã§1色ã§ã¤ãã‚Šã€CSSãªã©ã§è‰²ã‚’変更ã—ã¾ã™ã€‚ Illustratorãªã‚‰ã‚¢ãƒ¼ãƒˆãƒœãƒ¼ãƒ‰æ©Ÿèƒ½ã‚’使ãˆã°ç·¨é›†ã‚„ã‚ã¨ã§ã¾ã¨ã‚ã¦SVGã«ã™ã‚‹ã¨ãã«ä¾¿åˆ©ã£ã™ã€‚ SVGã«ã™ã‚‹æ™‚ã¯ãƒ‘スやフォントã¯ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³åŒ–ã—ã¦ã€ãƒ‘スファインダーã§çµ
アイコンフォントã‹ã‚‰SVGã¸ï¼ã‚ˆã‚Šæ‰‹è»½ã«ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’表示ã—よã†
{{#tags}}- {{label}}
{{/tags}}