docs: added fonts example

[ggomaeng]

A lot of people have been asking in discord on using custom fonts for frog.

Improved the docs with some examples.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
frog	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 1, 2024 2:27am
frog-frame	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 1, 2024 2:27am

[vercel[bot]]

@ggomaeng is attempting to deploy a commit to the wevm Team on Vercel.

A member of the Team first needs to authorize it.

[madroneropaulo]

Any news on this? Fonts don't seem to be working for me. Using latest frog: (in this example I put one of the fonts hosted on our CDN)

const london = await fetch("https://assets.devpinata.cloud/OldLondon.ttf");
return c.res({
    image: <div style={{display: "flex", gap: 20}}>
      <p style={{fontFamily: "London", color: "white", fontSize: 60}}>
        Hello world
      </p>
      <p style={{color: "white", fontSize: 60}}>
        Hello world 2
      </p>
    </div>,
    imageOptions: {
      fonts: [
        {
          name: "London",
          data: await london.arrayBuffer(),
          weight: 600,
          style: "normal"
        }
      ]
    },
    intents: [],
  })

[dalechyn]

Any news on this? Fonts don't seem to be working for me. Using latest frog: (in this example I put one of the fonts hosted on our CDN)

https://github.com/wevm/frog/issues/303#issue-2279191627

since this pr is not about the bug, please let's keep it out of this pr that adds docs on fonts.