CORS issue with AWS CloudFront

[vsalds]

Hello everyone,

Hosting- AWS
Server- OpenLitespeed
CMS- WordPress

Weblink is here

Issue- Everything works fine until I use was CloudFront, now my site missing some icons I have no issue with fonts only Icons are missing, when I am checked through the developer tool I saw here is the pic below



Not loading properly all the Icons, here is the pic



I have done these things but didn't work

I have checked the .htaccess file

### marker CORS start ###
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font\.css)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
### marker CORS end ###

also, I have created Invalidations on AWS CloudFront with /*



Any support will be appreciated

Missing allow origin header

 

[Cold-Egg]

Hi,
Please check https://openlitespeed.org/kb/setting-up-cors-on-openlitespeed/
Add CORS extra header through OLS Context

 

[vsalds]

Hi, thanks for your reply

here is the screenshot can you guide me? I am not an expert but I did my best to my knowledge but it didn't work i think I have done something wrong please check the screenshot attached

 

[vsalds]

can anyone help me to fix this issue?

 

[Cold-Egg]

Should be

Access-Control-Allow-Origin *

instead of

Access-Control-Allow-Origin