Error when writing "£" in a paragraph

Question

I'm trying to put in a simple paragraph in which there are "£" signs denoting prices.

However, when the text appears on the webpage every "£" sign is preceded by a "Â" symbol.

Can anyone advise as to why this happens?

Any suggestions on how to stop this happening? See below snippets of the affects code.

<div id="dog_walks_text">
            <h4>Dog Walking Prices:</h4>
            <br>
            <p>GROUP WALKS
            <br>
            30 min - £6.50, plus £4 per additional dog from same household
            <br>
            60 min - £12.00, plus £6 per additional dog from same household
            <br>
            <br>
            ONE-TO-ONE WALKS
            <br>
            30 min - £9.00, plus £4 per additional dog from same household
            <br>
            60 min - £14.00, plus £6 per additional dog from same household</p>
        </div>

It happens because you are messing up the character encoding somewhere, or are not using the right one. So please go read up on this topic. — CBroe, Aug 08 '16 at 13:38

score 2 · Answer 1 · edited Aug 08 '16 at 14:51

2

Adding meta tag in the head:

<meta charset="utf-8">

edited Aug 08 '16 at 14:51

George G

7,443
12
45
59

answered Aug 08 '16 at 13:36

Yacomini

157
1
13

What does that do? – Tom Jardine-Smith Aug 08 '16 at 13:42
@TomJardine-Smith UTF-8 is a character encoding capable of encoding all type of characters, html by default uses ASCII which doesn't have all charcters encoded, with the meta charset you specify the HTML to use UTF-8 encoding. – Yacomini Aug 08 '16 at 13:47
1

Ensure this is in the `` of **every page** – Lee Aug 08 '16 at 14:58

score 0 · Answer 2 · answered Aug 08 '16 at 13:38

0

This can often happen is the font you're using is not on the local machine.

Firstly, make sure you're using a websafe font.

Secondly, trying inputting your "£" symbols as html code:

&#163;

answered Aug 08 '16 at 13:38

Mike Timms

13
3

Perfect. Thanks. You're right, I'm not using a websafe font - but I am using fonts provided by Google Fonts and linking to them in the head tag - should that not be enough? Either way, the html version of "£" has done the trick. Thanks! – Tom Jardine-Smith Aug 08 '16 at 13:41
Yeah, as long as your google font is being referenced correctly, it should be fine. In that case, it is possibly the case that the google font you're using doesn't have a "£" symbol on it included in it although that does seems relatively unlikely. You'll be able to check if that is the case by going onto your google font and in the preview text box, typing in the £ symbol. – Mike Timms Aug 08 '16 at 13:51
This wouldn't be very practical if all of your text has been using the simple £ key on a keyboard, as it could easily be fixed by setting the encoding meta tag, which should always be in every page. – Lee Aug 08 '16 at 14:57

Error when writing "£" in a paragraph

2 Answers2