www.webdeveloper.com
Results 1 to 14 of 14

Thread: Validated. But !!!! font problems persist

  1. #1
    Join Date
    Aug 2008
    Posts
    11

    Validated. But !!!! font problems persist

    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 Code:
    <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

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    TABMalli is a non standard font, don't expect it to be available on any system or browser except your version of IE.

  3. #3
    Join Date
    Aug 2008
    Posts
    11

    Thats true.., BUT

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

    HTML Code:
    <!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>

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    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

  5. #5
    Join Date
    Aug 2008
    Posts
    11

    Unhappy A hint >>

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

    HTML Code:
    <!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!!

  6. #6
    Join Date
    Mar 2005
    Location
    Sydney, Australia
    Posts
    7,974
    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.

  7. #7
    Join Date
    Aug 2008
    Posts
    11

    Tried that also....., No progress

    HTML Code:
        <!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.

  8. #8
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    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.

    Code:
    		.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 ?
    Attached Files Attached Files

  9. #9
    Join Date
    Aug 2008
    Posts
    11
    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

  10. #10
    Join Date
    Aug 2008
    Posts
    11

    Question problem version 2

    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?

  11. #11
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    how did you go about it? there are lots of different methods.
    can't begin to help without the code/css.

  12. #12
    Join Date
    Aug 2008
    Posts
    11

    Totallyy confused

    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 : [URL="http://onlinett.tenet.res.in/Education/XStd/OnlineTT/final/src/posting/Post/sectwise.php?section=Fillup&face=TabMalli&size=5&Subject=Science_Tamil&board=Tamil%20Nadu&url=sectwi se.php|section=FillUp"]
    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??

  13. #13
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    go into the database to verify that the "€" (or any other "spurious" character) actually exists in the table.

  14. #14
    Join Date
    Aug 2008
    Posts
    11

    Thanks.

    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles