I know there are more questions like this that I have read but have not been able to resolve my problem. So please don't mark this as a duplicate.
So for a while now I have been getting around the question mark by using £
However I am using chart.js to create some nice looking data presentation. Now i was to change the y-axis to be in currency instead of just numbers. But to do this I have to use a function passing through the character.
scaleLabel:function(label){return '£' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");}
Now this causes me a problem because it shows as a question mark symbol. If i try to put & pound; in the function JavaScript just outputs it as a string.
So this leads me here, to resolve the root cause of this problem.
In my header.php file I use these meta tags
<!DOCTYPE html>
..............
<meta charset="UTF-8">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
Why isn't my page correctly displaying the pound sign?