文本字体系列未正确显示£符号

时间:2014-08-18 11:04:13

标签: html css text fonts

我在网页上使用css文字字体“Century Gothic,Arial,Courier New,Sans-Serif”,但每当我使用£字符时,它都无法在浏览器上正确显示(浏览器测试是Firefox,Explorer,Chrome& Safari)。

HMTL:

<span>£</span>

SPAN CSS:

font-family: Century Gothic, Arial, Courier New, Sans-Serif;

上述英文字幕显示为黑色菱形内的问号。有谁知道为什么会这样?或者我只需要选择不同的字体系列来显示£符号?使用相同字体系列的页面上的所有其他文本/字符都正确显示

2 个答案:

答案 0 :(得分:3)

你必须使用&pound;作为£符号。 它将在所有浏览器上正确显示。 例如。

<强> CSS

body { font-family:Century Gothic, Arial, Courier New, Sans-Serif;}

<强> HTML

<span>&pound;</span>

答案 1 :(得分:2)

尝试将metacharset添加到<head>

<meta charset="utf-8">

Check this working live preview snap