£ (pound sign) and Tahoma font

HTML & CSS
1

I am working with the Tahoma font on a website and in the browser, the £ (pound sign) is appearing as a J (jay).

Can anyone tell me why this is happening ?

I’m using the following styles…

<style type=“text/css”>
<!–
td {
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
border: none;
}
img {
text-decoration: none;
border: none;
}
.data {
font-family: Tahoma;
font-size: 9px;
font-weight: bold;
color: #999999;
text-decoration: none;
border: none;
}
a {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #FF9900;
text-decoration: none;
border: none;
}
.more {
font-family: Tahoma;
font-size: 11px;
color: #FF9900;
font-weight:normal;
text-decoration: underline;
border: none;
}
–>
</style>

2

Hi, I’m using the tahioma font in a web page and I find that it becomes a J when viewed in the browser.

Why could this be happening ?

3

Use the html entity £ (I think)

4

Wherever I can, I am using the &pound however in some cases the £ is produced by a cart system which prints the specified currency symbol onto the page from a field.

I cant specify &pound in my cart config because the field is not big enough - its only one character.

5

Hmmm - what of people who don’t have Tahoma installed - how are you dealing with them?

6

make a picture of it… ?

7

Swap your use of the pound sign (£) with &#163; and make sure you’re using an appropriate character-encoding meta tag.

8

Its the meta tag!!

ahah - that was the problem

thanks you :slight_smile:

9

i would posit that setting the correct content encoding on the page would take care of it…


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

or possibly


<meta http-equiv="Content-Type" content="text/html; charset=utf-8 />

in your document’s <head></head> section…

10

please do not double post…i’ve replied to http://www.sitepointforums.com/showthread.php?threadid=115225 before popping in here…

11

thsi was the problem. On the PHP pages, I forgot to add the meta tag with the correct encoding in the header.

Thanks for you help!

12

Fwiw, it’s best to use the html character code for ‘special’ characters such as the pound symbol, etc…
It will ensure that your visitors get the correct symbol even on browser/platform/os combinations that you are unable to test on.

For a list of the proper html character ‘entities’ go to www.w3schools.com/html/html_entitiesref.asp

13

Threads merged. As Redux said, please avoid double posting.

You may also consider addind to your font-family unless this is an intranet project?

14

I posted the first one and it did not appear in the forum.

15

Check your cache dude :slight_smile:

16

You might would like to try instead the friendly code: £