Follow the following steps 1. Download the Rupee font from here https://www.karnataka.gov.in/pages/download-rupee-instructions.html I have downloaded Rupee_Foradian Font. 2. Convert the ttf file to eot (for IE 8 or earlier) from the following site
http://www.kirsle.net/wizards/ttf2eot.cgi 3. Copy both Rupee_Foradian.ttf and Rupee_Foradian.eot files to a folder named Fonts in your project as shown below.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<style type="text/css">
@font-face
{
font-family: Rupee;
src: url("Fonts/Rupee_Foradian.eot") /* IE 8 */;
}
@font-face
{
font-family: Rupee;
src: url("Fonts/Rupee_Foradian.ttf") /* CSS3 supported browsers */;
}
</style>
<style type="text/css">
input
{
font-family: Rupee, Verdana, Arial, sans-serif;
font-size: medium;
color: black;
}
</style>
<asp:TextBox ID="TextBox1" runat="server" />
</form>
</body>
</html>
And then you need to press the ~ sign to type in the Rupee symbol
And you will now be able to type the Text
