{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreifzozgxoixlu3h4ak5a2zqrle576zonzwzqdkeef2cy5wzyohrbau",
    "uri": "at://did:plc:l3e5dwh76s56uxyxr36ic3eo/app.bsky.feed.post/3mfyiwraxhgd2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreidvqcr235n4mzvl3mzs7zsqrvtxxj3e6t6r7emebhf6yovcol65gm"
    },
    "mimeType": "image/png",
    "size": 93119
  },
  "path": "/blog/responsive-font-size-clamp",
  "publishedAt": "2026-03-01T00:50:00.000Z",
  "site": "https://azukiazusa.dev",
  "textContent": "レスポンシブデザインにおいてメディアクエリを使用して異なる画面サイズに対して異なるフォントサイズを指定する方法は一般的ですが、いくつかの課題点もあります。`clamp()` 関数を使用することで、画面幅の変化に対してフォントサイズが滑らかに変化するようにできます。また煩雑なメディアクエリの管理を減らすことができます。",
  "title": "`clamp()` 関数を使用したレスポンシブなフォントサイズ"
}