Webフォントã®ä½¿ã„æ–¹:Google Fontsã§æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚‚ [ホームページ作æˆ] All AboutWebフォントã®ä½¿ã„æ–¹:Google Fontsã§æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚‚CSSã®Webフォント機能ã®ç°¡å˜ãªä½¿ã„方を解説。無料ã§900種類以上ã®WebフォントãŒä½¿ãˆã‚‹ã€ŒGoogle Fontsã€ã®ä½¿ã„æ–¹ã¨ã€æ—¥æœ¬èªžWebフォントãŒ700種類以上ã‚るモリサワ「TypeSquareã€ã®ä½¿ã„方を紹介ã—ã€è‡ªã‚µã‚¤ãƒˆã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’Webフォントã¨ã—ã¦ä½¿ã†CSSã®æ›¸ã方も解説。欧文(英数å—)ã€æ—¥æœ¬èªžã€ã‚¢ã‚¤ã‚³ãƒ³(絵文å—)ãªã©ã€æœ›ã¿ã®Webフォントを探ã—ã¦ã¿ã¦ä¸‹ã•ã„。 Webフォントã¨ã¯ï¼Ÿ Webフォントã¨ã¯ã€ãƒ–ラウザãŒãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãã®ã‚‚ã®ã‚’ウェブ上ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦æ–‡å—ã®è¡¨ç¤ºã«ä½¿ã£ã¦ãれる仕組ã¿ã®ã“ã¨ã§ã™ã€‚CSSã®@font-faceã¨ã„ã†è¨˜è¿°ã‚’使ã£ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’指定ã—ã¾ã™ã€‚閲覧環境ã«æœ›ã¿ã®ãƒ•ã‚©ãƒ³ãƒˆãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªãã¦ã‚‚ã€ã‚¦ã‚§ãƒ–上ã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’用æ„ã—ã¦ãŠã‘ã°æœ›
![Webフォントã®ä½¿ã„æ–¹:Google Fontsã§æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚‚ [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/6dfc96a0c2915efa91b16473363aec2f8a1691f6/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F9%2F4%2F9%2F9%2F4%2F201801161514%2Ftopimg_original.png)
{{#tags}}- {{label}}
{{/tags}}