CORS issue with AWS CloudFront

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

missing icons.png

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 "*"
### marker CORS end ###
also, I have created Invalidations on AWS CloudFront with /*

Any support will be appreciated

Missing allow origin header
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