WebアイコンフォントFont Awesomeã®SCSS版を使ã£ã¦ã¿ã‚‹ | DevelopersIOç”»åƒä½œã‚‹ã®ã£ã¦é¢å€’ã§ã™ã‚ˆã。最近ã¯Retinaディスプレイã®å¯¾å¿œã§è§£åƒåº¦åˆ¥ã«ç”»åƒã‚’作らãªã‘ã‚Œã°ãªã‚‰ãªã„機会もã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚個人的ã«ã¯ã§ãã‚‹ã ã‘ç”»åƒã¯ä½¿ã„ãŸããªã„。少ã—å‰ã«ç™»å ´ã—ãŸWebアイコンフォントã£ã¦ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‚Šã¾ã™ãŒã€ã“れを自作ã™ã‚‹ã®ã¯ã‹ãªã‚Šé¢å€’ã§ã™ã€‚ãã‚“ãªã‚ã‘ã§å°‘ã—å‰ã‹ã‚‰è©±é¡Œã«ãªã£ã¦ã„ãŸWebアイコンフォントを詰ã‚åˆã‚ã›ãŸCSS「Font Awesomeã€ã‚’使ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Webアイコンフォントを自作ã—ãŸæ™‚ã®è¨˜äº‹ã‚‚éŽåŽ»ã«æ›¸ã„ã¦ã„ã‚‹ã®ã§ã‚ˆã‘ã‚Œã°ã“ã¡ã‚‰ã‚‚ã©ã†ãžã€‚ ã€å‰ç·¨ï¼šãƒ•ã‚©ãƒ³ãƒˆä½œæˆã€‘アイコンをWebフォント化ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œ ã€å¾Œç·¨ï¼šWebフォント化】アイコンをWebフォント化ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œ æ³¨æ„ ä»Šå›žã¯ç¶™æ‰¿ã—ãŸã‚Šã€Classを書ãæ›ãˆãŸã‚Šã§ãã‚‹SCSS版を使ã£ã¦ã¿ãŸã„
{{#tags}}- {{label}}
{{/tags}}