html - HTML 中的卢比符号

标签 html css font-face

当我在我的 asp.net 网页中使用卢比符号时,我对 CSS 几乎没有怀疑:

下面是我的代码:

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 标签) 用上面的代码?在那种情况下,我是否需要将 css 中的名称和 html #container 中的 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 之间究竟有什么区别??

提前感谢您的帮助!!

最佳答案

新的卢比符号可以像这样直接在 html 中呈现 ₹。在源代码中输入

关于html - HTML 中的卢比符号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6367760/

相关文章:

javascript - Highchart - 如何在堆叠条上设置 minWidth?

html - Bootstrap,无法创建具有彩色背景和 250 px 高度和 col-md-12 宽度的容器

html - 如何测试 Web 的多设备屏幕密度?

google-chrome - <link rel ="preload"有一个不受支持的 `type` 值(字体预加载)

jquery - 打字时改变 <p>

javascript - 我的功能不断刷新

html - 如何控制 SELECT 下拉菜单的宽度?

css - 使用 Sass 的跨浏览器混合

html - 无法以特定方式移动/动画我的 svg Logo

css - Firefox 中的断断续续的 .ttf 字体