Символ рупии в HTML - PullRequest
Новая
       4

Символ рупии в HTML

1 голос
/ 16 июня 2011

У меня мало сомнений относительно 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 ... здесь что-нибудь не хватает?

Это URL, на который я ссылался:

Нажмите здесь

Нужно ли что-нибудь устанавливать в моей системе? ..

Будет ли он доступен для всех пользователей, где мой веб-сайт используется во всем мире, без установки чего-либо в пользовательскую (их) систему?

Могу ли я добавить уже существующий файл CSS (который используется для других тегов div в моем том же html-файле, где я использую символ рупии) с вышеуказанным кодом? В этом случае мне нужно изменить имя в CSS и ID в HTML #container на что-то еще, поскольку у меня уже есть #container?

Я не видел вышеупомянутую часть над #container в 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;}

не выделен для DIV в html .. это так или мне нужно сделать это внутри класса

должно быть что-то вроде этого .. 

.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 ??

Заранее спасибо за помощь !!

Ответы [ 6 ]

13 голосов
/ 26 ноября 2012

Новый символ рупии может быть визуализирован непосредственно в HTML, как это this. Введите &#8377; в вашем источнике.

2 голосов
/ 12 июня 2013

HTML

добавить диапазон с классом = "рупия" 

<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;
}

Изображение рупии

Ruppe Image

Рабочая демоверсия http://jsfiddle.net/cse_tushar/fZpXM/

0 голосов
/ 10 декабря 2014

Просто используйте & # x20B9 (& # x20B9;), чтобы отобразить символ рупии. или Изучите текст, который я здесь написал.

0 голосов
/ 10 января 2014

Попробуйте это: 

<del>&#2352;</del>
0 голосов
/ 07 августа 2013

Вы можете просто использовать API webrupee (http://webrupee.com/)

просто включите это

, а затем используйте рупий. 200

или вы можете использовать это в html & # x20B9; этот код напечатает знак рупии.

0 голосов
/ 24 июня 2011

Основная проблема с вашим кодом заключается в том, что вы просто не определяете класс WebRupee для элемента span. 

<div id="container">

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

</div>

В ответ на другие части вопроса ...

контейнер идентификатора не требуется для класса, все, что он устанавливает, - это ширина и поле

Какая разница между .rupee и #rupee ??

.rupee это класс, а #rupee это ID

...