グーグルウェブフォントを使いたい

2022年7月9日 2022年8月6日山崎講師

山崎講師

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>google-fonts.html</title>
        <style>
            @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

            .g-font{
                font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
            }
        </style>
    </head>
    <body>
        <p class='g-font'>グーグルウェブフォントを使ってみました。</p>
        <p>グーグルウェブフォントを使ってみました。</p>
    </body>
</html>

Webアプリケーション制作のための小ネタ集　目次に戻る