The source provided could not be parsed as a value list
The following error message:
The source provided ([...]) could not be parsed as a value list.
The source provided ([...]) could not be parsed as a value list.
can happen when the wrong syntax is passed to the FontFace
API.
Older versions on Chrome, including Chrome 104 which runs in Remotion Lambda does not support the FontFace syntax without quotes.
❌ Without quotestxt
src: url(font.woff2) format(woff2);
❌ Without quotestxt
src: url(font.woff2) format(woff2);
✅ With quotestxt
src: url('font.woff2') format('woff2');
✅ With quotestxt
src: url('font.woff2') format('woff2');
To fix the issue, always include quotes.
Use @remotion/fonts
to use an abstraction that helps you avoid this mistake.