Font Awsome not showing in Chrome

Hi,
In Firefox there’s no problem at all but the Font Awesome icon are not showing up in Chrome (you’ll see squares).

This is what I have so far:
1. Added in functions.php:

function custom_script_name(){
?>
<script src="https://kit.fontawesome.com/b27ee40481.js" crossorigin="anonymous"></script>
<?php
}
add_action('wp_head', 'custom_script_name');

2. Added in htaccess:

<FilesMatch ".(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch> 

3. Use this CSS:

.textblock_vervolg ul li::before {
    content: "\f054";
	font-family: "Font Awesome 5 Free";
	color:#f3a200;
	font-size:18px;
	padding: 0 10px 0 0;
}

No caching enabled..
Please see screenshot here.

Any ideas on how to fix this?

Thanks in advance!

regards,
Steven