Type Hindi text in TextBox using CSS and jQuery in ASP.Net MVC

Here i have created one example. You need to change the code as per your requirement.

For typing in hindi you need to download the font from the link below.

https://www.ffonts.net/Kruti-Dev-010.font.download

Then copy the font in the project folder to use the font in your code.

HTML

<div>
    <table id="rblLanguage">
        <tr>
            <td>
                <input id="rblLanguage_0" type="radio" name="rblLanguage" value="English" /><label
                    for="rblLanguage_0">English</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="rblLanguage_1" type="radio" name="rblLanguage" value="Hindi" /><label
                    for="rblLanguage_1">Hindi</label>
            </td>
        </tr>
    </table>
    <textarea name="txtText" id="txtText" rows="5"></textarea>
</div>
<style type="text/css">
    @font-face
    {
        /* Font Name to use*/
        font-family: 'HindiFont';
        /* Font path*/
        src: url('<%= ResolveUrl("~/k010.ttf") %>');
    }
    body
    {
        font-size: 20px;
    }
    .hindiFont
    {
        /* Assign the font*/
        font-family: 'HindiFont';
    }
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('[id*=rblLanguage]').on("change", function () {
            var selected = $(this).find('input:checked').val();
            var textBox = $('[id*=txtText]');
            if (selected == "Hindi") {
                $(textBox).attr('class', 'hindiFont');
            }
            else {
                $(textBox).attr('class', '');
            }
        });
    });
</script>

Screenshot