This site is best viewed in a modern browser with JavaScript enabled.

Validated. But !!!! font problems persist

sanchan89

I used the w3c code validator the code. It says

Error no document type declaration; implying "<!DOCTYPE HTML SYSTEM>"

Error Line 14, Column 6: end tag for "HEAD" which is not finished .

Error Line 24, Column 79: non SGML character number 129 .

But that is not the problem. The TABMalli font is properly displayed in IE. But not in Firefox. Any ideas??? Using <font face='TABMAlli'> in the place of the span tags also gives the same result.

<html>
<head>
<style type="text/css">
		.tamil{
			font-size: 1.5em;
			font-family: TABMalli;
		}
		.table {
			margin-bottom: 15px;
			width: 100%;
			border-collapse: collapse;
		}
</style>
</head>
<body>
<form method='POST' action='redirect.php'>
<table class='table'>
	<tr class='row1'><td><span style='font-size:1.5em'>Section A</span></td></tr>
	<tr><td><span style='font-size:2.2em'>Social_Tamil</span></td></tr>
	<tr><td>
		<input type="radio" name="part" value="Choose_" ><span class='tamil'>Â«Ã®Â£Â¢Â¾ ÂªÃªÃ²</span>
		<input type="radio" name="part" value="Fillup_" ><span class='tamil'>Ã¯Â¤Ã³Ã°Â¢Â¹Ã¨</span>
		<input type="radio" name="part" value="MatchTheFollowing_" ><span class='tamil'>ÂªÃ°Â£Â¼Ã®Â¢Â¶Ã¨</span>
		<input type="radio" name="part" value="ShortQues_" ><span class='tamil'>ÃªÂ¤ÃÃµÂ¤Ã¹Â£</span>
		<input type="radio" name="part" value="LongQues_" ><span class='tamil'>ÂªÃ°Â¼ ÃµÂ¤Ã¹Â£</span>
		<input type="radio" name="part" value="Map_Map" ><span class='tamil'>ÃµÂ¬Ã³Ã°Ã¬Ã±</span>
		<input type="radio" name="part" value="LongQues_time" ><span class='tamil'>Ã¨Â£Ã´Ã¨Â¢  Â«Ã¨Â£Â´Ã¨Ã·</span>
	</td></tr>
	<tr><td>
		<input type="submit" class="button"	name="submit" value="Choose">
	</td></tr>
</table>
</form>
</body>
</html>

Please help somebody!! I am really frustrated

Fang

TABMalli is a non standard font, don't expect it to be available on any system or browser except your version of IE.

sanchan89

Its a different language. Its Tamil. I have no choice but to use that specific font. The data in the database is encoded for display using this particular font.

This code is completely valid, by w3c standards. I have the font in Firefox. But its not displaying properly in my system. IE displays it properly. Only the display in firefox, is not proper. Any ideas????

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Testing</title>
<style type="text/css">
		.table {
			margin-bottom: 15px;
			width: 100%;
			border-collapse: collapse;
		}
</style>
</head>
<body>
	<form method="post" action="redirect.php">
		<table>
		<tr><td><span>Section A</span></td></tr>
		<tr><td><span>Social_Tamil</span></td></tr>
		<tr><td>
			<input type="radio" name="part" value="Choose_" /><span style="font-family:TABMalli;">«î£¢¾ ªêò</span>
			<input type="radio" name="part" value="Fillup_" /><span style="font-family:TABMalli;">ï¤óð¢¹è</span>
			<input type="radio" name="part" value="MatchTheFollowing_" /><span style="font-family:TABMalli;">ªð£¼î¢¶è</span>
			<input type="radio" name="part" value="ShortQues_" /><span style="font-family:TABMalli;">ê¤Áõ¤ù£</span>
			<input type="radio" name="part" value="LongQues_" /><span style="font-family:TABMalli;">ªð¼ õ¤ù£</span>
			<input type="radio" name="part" value="Map_Map" /><span style="font-family:TABMalli;">õ¬óðìñ</span>
			<input type="radio" name="part" value="LongQues_time" /><span style="font-family:TABMalli;">è£ôè¢  «è£´è÷</span>
		</td></tr>
		</table>
	</form>
</body>
</html>

Fang

Are you sure that font name is correct? Tamil uses Mylai font, doesn't it?

Also check that the browser font options in Firefox are the same as in IE

sanchan89

The font name is correct. Apparently, there are a lot of fonts for Tamil, and for some obscure reason, the back-end was developed to use the TAB~ fonts.

when I replaced the span tags with font face=TabMalli, it worked.
But when I plugged the part back into the project, it didn't. The culprit >>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

When I removed this line, the font was displayed properly, but EVERYTHING else looks totally screwed up.
The project is pretty huge, and already half complete because testing was mainly restricted to IE6 ( with valid reasons ). But now, the management requires portability to Firefox also, and I have NO idea how I am going to get this working. Please help!!

felgall

Have you tried adding a meta tag identifying the character encoding that the page should use. It may be that the character encoding it is selecting by default doesn't support that font.

sanchan89

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
 span.c2 {font-size:2.2em}
 span.c1 {font-family: TabMalli}
/*]]>*/
</style>
</head>
<body>
<span class="c1">«î£¢¾ ªêò;</span>
<span class="c1">ï¤óð¢¹è;</span>
<span class="c1">ªð£¼î¢¶è;</span>
<span class="c1">ê¤Áõ¤ù£;</span>
<span class="c1">ªð¼ õ¤ù£;</span>
<span class="c1">õ¬óðìñ;</span>
<span class="c1">è£ôè¢  «è£´è÷;</span>
</body>
</html>

Its still getting displayed properly in IE6, not in Firefox.

opifex

Unfortunately, a lot of TAB fonts do not render in Firefox and TABMalli is one of them. the closest TTF replacement is TabMaduram. It's a little shorter and slightly wider, but is also based on the Tamilnet 99 font so it renders the characters in Tamil.

If the following is unacceptable, you'll have to hack it or put separate style sheets.


	.tamil {
		font-size: 1.5em;
		font-family: TABMalli,TABMaduram;
	}

AND.... of course offer the download of BOTH fonts.

* a nice place to use browser detection (client side or server side) and only offer TABMaduram.ttf to Firefox users, TABMalli.ttf for IE, Safari and Opera and maybe both to other browsers ?

TABMaduram.zip

49kB

TABMALLI.zip

35kB

sanchan89

Thanks a lot for your help. I can't thank you enough.
IE6 doesn't render TabMaduram.
Firefox doesn't render TabMalli.

I guess I have to do the browser detection and stuff.
Thanks a lot again

sanchan89

I have done the browser detection and browser specific CSS.
But now there is a new problem.

There are boxes in between the text. Like ' te[]sting '. Thats in the case of IE.
In case of Firefox, arbitrary symbols, like Euro and pound start popping up in the place of the boxes.

I suppose this must have happened to lot of people. Any help guys?

opifex

how did you go about it? there are lots of different methods.
can't begin to help without the code/css.

sanchan89

Well, the CSS seems to be fine.
See, I am rebuilding a website. I traced the problem to the database.

The database served up > è£ø¢Áî¢ î¬ì¬ò âî€ó¢ªè£÷¢÷Ÿñ¢
And therefore my code dispalyed > my è£ø¢Áî¢ î¬ì¬ò âî€ó¢ªè£÷¢÷Ÿñ¢
But the older web page displays > è£ø¢Áî¢ î¬ì¬ò âî¤ó¢ªè£÷¢÷¾ñ¢

The original page is here :
There seems to be a discrepancy in the database.
I have not changed anything. Is it possible that the database could get corrupted in such a way??

opifex

go into the database to verify that the "€" (or any other "spurious" character) actually exists in the table.

sanchan89

Well, I rebuilt the database. The problems are gone now.
The database was corrupted when I built it. Don't know how that happened now.

Also, I found a tamil font that renders, though not very readable, in both Firefox and IE6. I haven't tested on others though.

They can be found here >>

http://www.elcot.in/tamilfonts_download_list.php

Thought you might be interested. Thanks a lot for all your help.