Write some sentences in HIndi but whole page in english

Priyank Khare

Hello,

I am developing a page. I am stuck on a problem. The problem is that, my webpage is in HTML, and i am creating a table on that.

in that few contents are in English, but some contents are in HIndi. But Whenever i tries to write in hindi, it shows something else.

I ahve done so much googling, but cannt get a single solution.

So, i want to know is this possible that i can write only specific content in Hindi, and rest page will b shown in English and how?

thanx in advance.

16 Replies

Know the answer? Post it — somebody with the same question will find it here.

Deepak Verma12y ago
It's a simple example. If you want full support of font-face, you need to generate fonts from the original file. To generate font files, css and demo go to this url:

http://www.fontsquirrel.com/tools/webfont-generator

Don't forget to change path, font-family and class names accordingly.

Cheers! have a nice day.
0
Deepak Verma12y ago
Change the path to '/users/priyank/downloads/demo/demo/fonts/k010.TTF'.
0
Priyank Khare12y ago
See this image.. i am using your code..but same error is coming..
0
Deepak Verma12y ago
As shown in the screen shot there is a '404 file not found'. See right to the error. There is the path where it's searching for file. Try to change path accordingly. Once you've fixed it. It'll work fine.
0
Priyank Khare12y ago
ok.. im sending you screenshot..plz check this..
0
Deepak Verma12y ago
I'm using Visual Studio 2008. Open the demo as website, browse the page and it's working like a charm.

I don't know what's wrong by your side. You've to check for path in Developer Tools in Chrome (F12 >> Console >> Refresh Web Page). Verify, there is no error like 'file not found'.

Hope it'll help.
0
Priyank Khare12y ago
no.. this one is also not working.....
0
Deepak Verma12y ago
Download the working demo.
0
Priyank Khare12y ago
No, i had made changes in src..

vki dSls gSaA
0
Deepak Verma12y ago
This is working example, I just created for you and pasted here after testing it.

Do you forget to include the font file?

Change the src in css accordingly.

src: url('/demo/fonts/k010.TTF');

Check the "Console" in Browser Developer Tools for error (file not found if src is not set correctly).
0
Priyank Khare12y ago
its not working. i have done exactly same as here... but its not working..
0
Deepak Verma12y ago
Here is a simple example:

<html>
<head>
<title>title>
<style>
@font-face
{
font-family: 'hindi';
src: url('/demo/fonts/k010.TTF');
font-weight: normal;
font-style: normal;
}
.hindifont
{
font-family: hindi; font-size:20px;
}
style>
head>
<body>
<div class="hindifont">
vki dSls gSaA
div>
body>
html>

Output:

0
Priyank Khare12y ago
but again, my question is how to do it.. can u please explain with some example.
In short,

S.No. Name Conatct
-----------------------------------------------------
1. Amit (should be come in English) 125465
2. Priyank(should be come in Hindi) 68749865

How can i do that..?
0
Deepak Verma12y ago
Hi Priyank,

It's OK. Actually, you see this because of default font-family. you should use Hindi font for this particular paragraph or div or whatever tag you're using.

Edit: Be careful when using non-system fonts. When your application will be live... Your users may not have these fonts installed on their system. So, now the good idea is to use font-face instead of font-family.
0
Priyank Khare12y ago
Actually, i have typed in Hindi on MS-Word. But whenever i tries to copy paste it on HTML webpage, it shows otherletters likes "mdjsjncfjsdcnsc" .
0
Rahul Bansal12y ago
If the content is static then you can type the hindi sentence in notepad and paste it on web page.
0