HTML中的卢比符号

Question

我对CSS有一些疑问，而我在asp.net网页上诋毁卢比符号：

以下是我的代码：

HTML：

<div id="container"><span>Rs.</span> 5000</div>

CSS：

@font-face{
    font-family:‘WebRupee’;
    src:url(‘WebRupee.V2.0.eot’);
    src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’), url(‘WebRupee.V2.0.woff’) format(‘woff’), url(‘WebRupee.V2.0.svg’) format(‘svg’);
    font-weight:normal;
    font-style:normal;
}
.WebRupee{
    font-family:’WebRupee’;
}
html > body.WebRupee {
    margin-right:2px;
}
html > body.WebRupee {
    *margin-right:0;
}
#container {
    width:500px;
    margin:50pxauto;
}

我想在asp.net网页上获得卢比符号。这里有什么遗漏吗？

这是我引用的网址：

Click here

我是否需要在我的系统中安装任何东西..？

我的网站使用的所有用户是否可以在全球范围内使用，而无需在用户（他们的）系统中安装任何内容？

我可以追加已经存在的CSS文件（用于我使用卢比符号的同一个html文件中的其他div标签） 用上面的代码？在这种情况下，我需要在html #container中更改css和id中的名称 其他东西，因为我已经有#container吗？

我没有在CSS

中看到#container的上述部分

：即

@font-face{font-family:‘WebRupee’;src:url(‘WebRupee.V2.0.eot’);src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’),url(‘WebRupee.V2.0.woff’)format(‘woff’),
url(‘WebRupee.V2.0.svg’)format(‘svg’);font-weight:normal;font-style:normal;}
.WebRupee{font-family:’WebRupee’;}
html>body.WebRupee{margin-right:2px;}
html>body.WebRupee{*margin-right:0;}

在html中没有为DIV辩护..它是那样的还是我需要在一个类中进行它

应该是这样的......

.rupee
{

@font-face{font-family:‘WebRupee’;src:url(‘WebRupee.V2.0.eot’);src:local(‘WebRupee’), url(‘WebRupee.V2.0.ttf’)format(‘truetype’),url(‘WebRupee.V2.0.woff’)format(‘woff’),
url(‘WebRupee.V2.0.svg’)format(‘svg’);font-weight:normal;font-style:normal;}
.WebRupee{font-family:’WebRupee’;}
html>body.WebRupee{margin-right:2px;}
html>body.WebRupee{*margin-right:0;}
}

我可以称之为......

<div id="container" class = "rupee"><span>Rs.</span> 5000</div>

.rupee和#rupee之间究竟有什么区别？

提前感谢您的帮助!!

Answer 1

新的卢比符号可以直接在html中呈现，例如₹。在您的来源中输入₹。

Answer 2

的 HTML

使用class =“rupee”

添加span

<span class="rupee"></span>
Rupee Symbol in html:- <span>&#8377;</span>
<br>
Rupee :- <span>&#8360;</span>

的 CSS

.rupee{
    background-position:left;
    width: 10px; 
    height: 14px;
    background-image: url('http://i.stack.imgur.com/vJZ9m.png');
    display:block; 
    background-repeat: no-repeat;
}

卢比图片

工作演示http://jsfiddle.net/cse_tushar/fZpXM/

Answer 3

您的代码的主要问题是您根本没有在span元素上定义WebRupee类。

<div id="container">

<span class="WebRupee">Rs.</span> 5000

</div>

回答问题的其他部分......

类不需要id容器，所有设置的都是宽度和边距

  

实际上有什么区别   .rupee和#rupee ??

.rupee是一个类，＃rupee是一个ID

Answer 4

您可以简单地使用webrupee的API（http://webrupee.com/）

只包括这个

然后使用Rs。 200

或者你可以在html中使用这个代码将打印卢比标志。

Answer 5

试试这个：

<del>&#2352;</del>

Answer 6

只需使用＆amp;＃x20B9（₹）即可显示卢比符号。或者检查我在这里写的文字。