[CSS]Web制作者ãŒçŸ¥ã£ã¦ãŠããŸã„ã€Webフォントを快é©ã«è¡¨ç¤ºã™ã‚‹CSSã®æ–°ã—ã„プãƒãƒ‘ティ「font-displayã€Webフォントを使用ã—ã¦ã„るサイトやブãƒã‚°ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã—ã¦ã€è¿‘日アップデートã•ã‚Œã‚‹Chrome 60ã§ã¯ã€Webフォントã®ä½¿ã„å‹æ‰‹ã‚’å‘上ã™ã‚‹ã€Œfont-displayã€ãƒ—ãƒãƒ‘ティãŒã„よã„よæ£å¼ã«å®Ÿè£…ã•ã‚Œã‚‹äºˆå®šã§ã™ï¼ˆå‚考: Chromium）。 追記: ã•ãã»ã©Chrome 60ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ Webフォントをé©ç”¨ã—ãŸãƒ†ã‚ストãŒèªã¿è¾¼ã¿æ™‚ã«ä¸€çž¬è¡¨ç¤ºã•ã‚Œãªã„ç¾è±¡ãŒã‚ã‚Šã€ä»Šã¾ã§ã¯JavaScriptã§å¯¾å¿œã—ã¦ã„ãŸäººã€ä»•æ§˜ã ã¨ã‚ãらã‚ã¦ã„ãŸäººã¯ã€ã“ã®font-displayã‚’ç©æ¥µçš„ã«å–り入れるã¹ãã ã¨æ€ã„ã¾ã™ã€‚ font-display for the Masses 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ブラウザã§ãƒ•ã‚©ãƒ³ãƒˆãŒèªã¿è¾¼ã¾ã‚Œã‚‹ä»•çµ„ã¿ font-displayプãƒãƒ‘ティã¨ã¯ ã»ã¨ã‚“ã©ã®å ´åˆã€swapを使
![[CSS]Web制作者ãŒçŸ¥ã£ã¦ãŠããŸã„ã€Webフォントを快é©ã«è¡¨ç¤ºã™ã‚‹CSSã®æ–°ã—ã„プãƒãƒ‘ティ「font-displayã€](https://cdn-ak-scissors.b.st-hatena.com/image/square/a833243d7f7fa2de140f06d3243344bf1713f818/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201703%2F2017072510.png)
最近ã®Web制作ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã€ãƒªã‚»ãƒƒãƒˆCSSã¨ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºCSSã®ã¾ã¨ã‚
CSSスプライトã«ã¤ã„ã¦ã‚ã‚Œã“れ。
{{#tags}}- {{label}}
{{/tags}}