Add Icon Fonts to Text Links2013å¹´3月25æ—¥ CSS CSS3を使ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã§ã€ãƒ†ã‚ストリンクをもã†å°‘ã—è¯ã‚„ã‹ã«ï¼ç”»åƒã‚’使ã†ã¨æ¡ˆå¤–手間ãŒã‹ã‹ã‚‹ãƒ†ã‚スト横ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã€Webフォントを使ã£ã¦ç°¡å˜ã«è¡¨ç¤ºã•ã›ã¾ã—ょã†ã€‚今回ã¯ãƒªãƒ³ã‚¯å…ˆã‚„æ‹¡å¼µåã§ç•°ãªã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã¨ã¯ï¼Ÿ アルファベット1æ–‡å—ã«1ã¤ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒè¨å®šã•ã‚Œã¦ã„るフォントã®ç·ç§°ã§ã™ã€‚サーãƒãƒ¼ä¸Šã«ã‚るフォントファイルをèªã¿è¾¼ã‚“ã§ãƒ•ã‚©ãƒ³ãƒˆã‚’表示ã™ã‚‹ã€ŒWebフォントã€ã®å¿œç”¨ã¨ã—ã¦ä½¿ã‚れ始ã‚ã¾ã—ãŸã€‚今ã¾ã§ã®ã‚ˆã†ãªç”»åƒã‚’使ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ã¨ã¯é•ã„ã€ãƒ•ã‚©ãƒ³ãƒˆã¯ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ•ã‚¡ã‚¤ãƒ«ãªã®ã§ã€ã‚µã‚¤ã‚ºã‚’大ããã—ã¦ã‚‚ギザギザã«è¦‹ãˆã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。ã¤ã¾ã‚ŠiPhoneã‚„iPadã¨ã„ã£ãŸé«˜è§£åƒåº¦ã®ãƒ‡ã‚£ã‚¹ãƒ—レイã§ã‚‚ã€åŠ£åŒ–ã™ã‚‹ã“ã¨ãªããã‚Œã„ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãŸã ã—ï¼ä½•ã‚‰ã‹ã®åŽŸå› ã§ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼
é»’æ¿ã«ãƒãƒ§ãƒ¼ã‚¯ã§æ›¸ã„ãŸã‚ˆã†ãªã‹ã™ã‚Œå…·åˆãŒã„ã„味を出ã—ã¦ã‚‹ãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Chalk Web Icons
カフェをã¯ã˜ã‚ã€åŒ»ç™‚ãƒ»æ˜ ç”»ãƒ»å·¥å…·ãƒ»è™«ç³»ãªã©ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸPhotoshopã®ã‚·ã‚§ã‚¤ãƒ—ç´ æ
ファビコン（favicon）ã¨ã¯ï¼Ÿä»£è¡¨çš„ãªã‚µã‚¤ã‚ºã¨åŸºæœ¬ã®ä½œæˆæ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
アプリデザインã®å‚考ã«ãªã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆï¼‹ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’æ ¼ä¸Šã’ã§ãるセンスã®ã„ã„ç´ æé…布サイトã®ç´¹ä»‹
シンプルãªã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãŒã„ã„æ„Ÿã˜ï¼ãƒŸãƒ‹ãƒžãƒ«ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Free Outline Icons
ã‚ャラクターã£ã½ã„似顔絵アイコンãŒä½œã‚Œã‚‹ã€Œå››è§’ã„顔アイコンジェãƒãƒ¬ãƒ¼ã‚¿ã€
ã€å‰ç·¨ï¼šãƒ•ã‚©ãƒ³ãƒˆä½œæˆã€‘アイコンをWebフォント化ã—ã¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã¨Retina Displayã«ä¸€ç™ºå¯¾å¿œ | DevelopersIO
WEBサイト制作ã«åˆ©ç”¨ã—ã‚„ã™ã„アイコンフォントã¾ã¨ã‚「10 Super Useful Free Icon Font Setsã€
アイコン好ãã¯è¦ãƒã‚§ãƒƒã‚¯ï¼è¦‹ã‚‹ã ã‘ã§ã‚‚楽ã—ã„クリエイティブãªã‚¢ã‚¤ã‚³ãƒ³ã®ã¾ã¨ã‚
商用利用もå¯èƒ½ã®ã€ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’大é‡ã«é…布ã™ã‚‹Webサイト・Icons DB
ソーシャルサイトã®ãƒ”クトグラムアイコン112個セット:phpspot開発日誌
Photoshopã§ã‚ˆã使ã†ãƒ‘ーツをã©ã®ãƒ‰ã‚ュメントã§ã‚‚利用ã§ãるよã†ã«ã™ã‚‹ãƒ—ラグイン -Pixel Dropr
最近リリースã•ã‚ŒãŸã‚·ãƒ³ãƒ—ルã§ãƒŸãƒ‹ãƒžãƒ«ãªãŒã‚‰ä¸€å‘³é•ã†ãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã®ã¾ã¨ã‚
iOSデザイナーã«ã‚ªã‚¹ã‚¹ãƒ¡ï¼ 「iconsiderã€ã¨ã„ã†ã‚¢ãƒ—リãŒä¾¿åˆ©ã™ãŽã‚‹ï¼ | ナナメウエblog
パス画åƒã‚’Fontã«å¤‰æ›ï¼ã€ŒicoMoonã€ã‚’使ã£ã¦ã¿ãŸã€‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
AppStoreã«çªç„¶è‡ªåˆ†ãŒè¼‰ã£ã¦ãŸã®ã§ã€æ€ã‚ãšä¸ç´”ãªå‹•æ©Ÿã§Gunosyをレビューï¼
最近見ã‹ã‘るフラットãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã´ã£ãŸã‚Šã€å„ソーシャルサービスã¨ã‚·ã‚§ã‚¢ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³46種ãŒæƒã£ãŸç„¡æ–™ç´ æ
ãƒãƒƒãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒèªžã‚‹Twitterã®è§¦ã‚Œã¦ã¯ã„ã‘ãªã„アイコンã®ç‰¹å¾´Â 「日ã®ä¸¸ã‚¢ã‚¤ã‚³ãƒ³ã€ã€Œã‚¢ãƒ‹ãƒ¡ã‚¢ã‚¤ã‚³ãƒ³ã€ãªã© | Pouchï¼»ãƒãƒ¼ãƒï¼½
ブラウザ上ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’é¸ã‚“ã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒä½œã‚Œã‚‹ã€ŒIcoMoonã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}