Font blocked by CORS policy

Hey, I have this issue in Google Chrome that my share buttons display the letter b, j and s instead of the social media icons for Pinterest, Facebook and Twitter.

Apparently, there is this error ‘Access to Font at ‘https://www.bylauraiancu.com/wp-content/themes/pinnacle/assets/css/fonts/kt-font-awesome.ttf?t9jwae’ from origin ‘http://www.bylauraiancu.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://www.bylauraiancu.com’ is therefore not allowed access.’

In this forum (https://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co), I found what seems the solution, so I added the following in my .htaccess file on the server:

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "http://www.bylauraiancu.com"
</IfModule>
</FilesMatch>

Nevertheless, the social media sharing buttons still display letters in Chrome, although I purged the cache and waiter for over an hour. It’s either that this is not the right solution or that I messed up with the code.

Moreover, if I check my blog from https, like https://www.bylauraiancu.com/work-from-home-wardrobe, everything is fine and the icons show correctly.

Please advise.

Thank you ever so much!

The page I need help with: [log in to see the link]