CORS missing
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 4
- Forks
- 2
- PR merge metrics
- No merged PRs in 30d
Description
Loading the twemoji on-demand from a browser is blocked by missing CORS headers „Allow Origin“.
According to https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin <link /> would accept a crossorigin attribute. That could lead me to believe, that you could use it for loading the font and have a <style> / your CSS declare the @font-face:
<link rel="preload" href="//xem.github.io/unicode13/Twemoji.ttf" as="font" type="font/ttf" crossorigin="anonymous">
(For MIME Type, see https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face#font_mime_types )
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No repository files or tests are named. Start by checking how https://xem.github.io/unicode13/Twemoji.ttf is served and compare the browser request with the linked MDN guidance; done means the font loads on demand from a browser without a CORS error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100