フォントã®ã‚µã‚¤ã‚ºè¨å®šã¯å½¹ã«ç«‹ãŸãªã„ã€å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³•WebページやOSã®UIã€ã‚¨ãƒ‡ã‚£ã‚¿ãªã©ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã‚„è¡Œã®é«˜ã•ã‚’è¨å®šã—ãŸéš›ã«èµ·ã“ã‚‹å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Font size is useless; let's fix it by Niki Tonsky 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠フォントã®ã‚µã‚¤ã‚ºã«ãŠã‘ã‚‹ãƒã‚¤ãƒ³ãƒˆã¨ã¯ emスクエアã¨ã¯ font sizeã«ãŠã‘ã‚‹å•é¡Œç‚¹ 解決方法 line height（行ã®é«˜ã•ï¼‰ã‚‚ã‚ã¡ã‚ƒãã¡ã‚ƒã§ã™ 予測ãŒå¯èƒ½ãªline height（行ã®é«˜ã•ï¼‰ 終ã‚ã‚Šã« ã¯ã˜ã‚ã« ã‚ãªãŸã®ãŠæ°—ã«å…¥ã‚Šã®ã‚¨ãƒ‡ã‚£ã‚¿ã«ã€"font_size": 32ã‚’è¨å®šã™ã‚‹ã¨ã©ã†ãªã‚Šã¾ã™ã‹ï¼Ÿ ãŠä¼ãˆã—ãŸã„ã“ã¨ãŒã‚ã‚‹ã®ã§ã€èžã„ã¦ãã‚ŒãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ 実際ã«ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ ç§ã¯macOSã§Sublime Textを使ã£ã¦ã„ã¾ã™
ã€ä¿å˜ç‰ˆã€‘CSS Flexboxã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実装ã™ã‚‹HTMLã¨CSSã®ã‚·ãƒ³ãƒ—ルãªã‚³ãƒ¼ãƒ‰ã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}