How to use a self-hosted font & image from the ryd CDN

Aclonica — The quick brown fox 1234567890

↑ This line should render in Aclonica loaded from assets.ryd.one.

Control line in the default font (for comparison).

Note: The sample above only renders in Aclonica once the Cloudflare CORS header is active for /fonts/. Fonts are always CORS-checked; the direct GCS URL already works, so this is purely a Cloudflare setting.

Font workflow

  1. Download the font from google-webfonts-helper — pick the styles you need and download the woff2 package.
  2. Unzip it to get the .woff2 file(s).
  3. Open the ryd Portal → CDN File Management, select the root/fonts folder and upload the .woff2 file.
  4. Open the file's Details and copy the CDN URL, e.g. https://assets.ryd.one/fonts/aclonica-v25-latin-regular.woff2.
  5. Add an @font-face rule with that URL and use the family:
@font-face {
  font-family: 'Aclonica';
  src: url('https://assets.ryd.one/fonts/aclonica-v25-latin-regular.woff2') format('woff2');
  font-display: swap;
}
h1, .my-heading { font-family: 'Aclonica', sans-serif; }

Image workflow (no CORS needed)

Upload the image to root/images, copy its URL, and use it in an Elementor Image widget. Images in an <img> are not CORS-checked, so no Cloudflare change is required. Example image below ↓