Referencing Static Files with CodePen Asset Hosting
Learn how to upload and reference images, fonts, and JSON files using CodePen's Pro Asset Hosting feature, including cache-busting techniques and storage limits.
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Learn how to upload and reference images, fonts, and JSON files using CodePen's Pro Asset Hosting feature, including cache-busting techniques and storage limits.
CodePen's Asset Hosting gives Pro users a CDN-backed, permanent home for prototype images and fonts—eliminating broken third-party links. Here's how it works, a concrete workflow, and the quotas that keep it a prototyping tool, not a production CDN.
Learn how to add images, fonts, JSON or other files to a Pen using CodePen’s built‑in asset host and reference them with relative URLs.
Learn how to upload static assets to CodePen, reference them with the provided URL, and avoid common pitfalls like path errors and storage limits.