|
HTML - Problem Using Non-english Font In Html.
Hi all,
First time here. May be this is easy for all but I am writing this after experiencing a lot of frustration trying to write a very simple html file that uses regional font. I am on windows-xp. A font called Mangal which comes with the o/s itself is in question. All I want to do is show some text in this font (which is an Indian font, basically) on the browser. Here is my html : HTML Code: <html> <head> </head> <body> <font face="Mangal">Hello There...</font> </html> I opened this html in firefox and IE and in both the text appeared in English and not in Hindi; which it is expected to be in. I changed the char set to UTF-8 (in both) and tried but didn't work. After doing several google searches I discovered I need something called as eot file. So I downloaded the s/w WEFT from MS and installed and created eot file as described in online tutorials. The s/w did change my above file to : HTML Code: <html>
<head>
<STYLE TYPE="text/css">^M
<!-- /* $WEFT -- Created by: prasi () on 8/7/2009 -- */^
@font-face {^M
font-family: Times New Roman;^M
font-style: normal;^M
font-weight: normal;^M
src: url(TIMESNE0.eot);^M
}^M
@font-face {^M
font-family: Mangal;^M
font-style: normal;^M
font-weight: normal;^M
src: url(MANGAL0.eot);^M
}^M
-->^M
</STYLE>^M
</head>
<body>
<font face="Mangal">Hello There..</font>
</html>
But still the text appeared in English itself. I tried adding each of the following to my html document: HTML Code: <!-- inside head : > <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-user-defined"> <!-- On top of html doc> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> And tried to open the file in IE / Firefox but it didn't work. The text appears in English itself. Everytime I made changes I tried changing the charset from default to utf-8 to user-defined but the text still remained in English. I tried typing text using Mangal font in notepad / openoffice but it didn't work. Earlier only rectangles appeared. After addition of support for complex script (Control panel -> regional settings -> languages), I am seeing text typed in notepad with Mangal font appearing in English. But still I don't see Hindi text getting typed in Notepad / openoffice-writer and most importantly not in the browser with my html So I'll be most obliged and happy if some one could help me out with basic steps towards writing html document which uses non-english font. To be specific Mangal. Thanks in anticipation. Similar TutorialsHello, When I try to set a font in HTML it works, but if I set a rule in my CSS to set the same font, it doesn't. Here are the three things I do (not at the same time of course): <font face="Verdana, Tahoma, Arial, Helvetica"> ... ... ... </font> vs body { font-family: Verdana, Tahoma, Arial, Helvetica; } or even... body { font: Verdana, Tahoma, Arial, Helvetica; } Out of all of those, only the first can change the font in my browser...is this a CSS issue because, somehow, the browser has superiority over CSS, and HTML has superiority over the browser? I would appreciate input. Thanks. hey. i'm sort of fairly okay with HTML because of the myspace days but i can't figure this out for the life of me. i am trying to change a title font on a tumblr and i found where it needs to be changed, i changed the font.. and it's not working? it's still the same font as before. this is the coding that i changed. .title{color:#fe9abd; font-family:'Leckerli One', cursive; font-size:30px; line-height:14px; letter-spacing:2px; font-weight:normal; text-align:center;} so the font should be 'Leckerli One', cursive. yet it still looks like this. (this hi goodmorning part) am i doing something wrong?? It is my present understanding that many fonts do not work on the internet, but they will in programs like Microsoft Word. Is that correct? If so, how does a guy get a font added that he insists on keeping. Thanks ! I am trying to make a generic html page. This page is going to switch between two htm files. For some reason I cannot get the font to increase. I need it to be about 125font size in word. Here is what I have: span class="fontsize100"><Font Color=red>test</font></span> I assume this is incorrect? I want to make changes to the font of the posts of this section: http://foxh0und.tumblr.com/tagged/foxh0undQA I'm really not sure where to find the part for that in the HTML.. what I want to do is change the spacing between each post & have the question in bold and the answer not in bold and smaller font - an example of what I would like to do is in the link below. http://foxh0und.tumblr.com/post/11626236049 any help would be amazing because i feel like it's ruining my whole theme. I am trying to use a font that isn't one of the 12 most common for pc and mac (arial, verdana, times ect.) but dont want to make everything an image. I would like to use the font on the page text. How would i go about using it? I have a question about US/DE website coding. I was asked some time ago to build a website for the company I work for and I am now being asked to build a website for our company in german/deutsche. My main concern is not the text itself, we have several native germans here that will translate it for me, but for search engines and coding. Can I code the website in standard html written in english with the visible text in german, even though it will have a "www.name.de"? Will it be searchable with google.de? Will it be able to correctly viewed by browsers in europe? How should I define the meta "lang" while I'm using both languages, English and Japanese in a single HTML page? Does this markup make sense to you? http://www.hanamiweb.com/utf8test.html Hello all, I have created an Embedded OpenType File and uploaded it to my server in the root directory. Within my css file, I have added the following definitions: Code: @font-face {
font-family: font1;
src: url(ARIALRO0.eot);
}
.header1 {
font-family: font1;
font-size: 26px;
color: #000066;
}
However, header1 will always display as times new romain, not the embedded font. Any ideas? Hi.I am trying to put different colors in s same paragraph.So i use <a style="color:blue">my text</a> then <a style="green">same paargraph continued </a>.It works but i was thinking if this is the right way to do or is there another way? Hello all, I don't know if this is the correct forums but here goes. I have an english site that needs to be viewed in Farsi language. I don't know where to start but my boss seems to think we can just place a script in the header to translate all the content, but I cannot find that script. Is there a script for this? What is the best way in going about this. Thanks again for your help. Hi guys, This is a great site, it will be really useful for me. I am developing a site at www.mediacovered.com and I have an issue on the homepage. If you look at the text in the white box on the right (i.e.Take Control of your media etc.", this looks pretty good on all browsers/platforms. However in the white bar near the bottom which has a javascript content slider script on it and shows core services, it seems in Internet Explorer only (Fine in firefox), the font is anti-aliasing and looks jagged. Can anyone else see this and shed some light on why it's doing it? The font in Lucida Grande. Cheers for your time in advance Andy Hi all, I'm not sure if I'm posting in the right place but I have an issue with Internet Explorer 7. Apparently, when user's are looking at my website (it's internal) with IE 7 - the size of the font shrinks to 2 (or even lower). the site looks ok on fireFox/older version on IE. can anyone advise how to fix it? THANK YOU! Does anyone know of a font face generator that can convert a TTF or OTF font file into the 4 formats (woff, svg, eot, ttf), that's not font squirrel? That site only supports English fonts with a very low file size limit, and can't convert any foreign fonts. Already tried http://onlinefontconverter.com as well, doesn't work either as I waited like an hour then the server simply deleted my uploads without so much as an error pop-up lol, and now the website is not responding. This is for usage in CSS using the @font-face function. Thanks. My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html>
<head>
<title>CoAlliance</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td colspan="2">
<img src="images/image_01.jpg" width="1024" height="212" alt=""></td>
</tr>
<tr>
<td>
<a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a>
<tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br>
</tr>
</td></tr>
</tr>
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;">
<tr>
<td>
<img src="images/image_04.jpg" width="287" height="95" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_05.jpg" width="287" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_06.jpg" width="287" height="105" alt=""></td>
</tr>
<tr>
<td>
<img src="images/image_07.jpg" width="287" height="127" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/image_08.jpg" width="1024" height="48" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Can some one please take a look at this and help me get the images to line up as they should!!! http://www.ardmoreweatherlive.com/wx3.php code: <!-- ##### Main Copy ##### --> <br> <font face="verdana,arial" size="3"><center>Click on radar image for full size</center></font> <br> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></TH> <TH>Echo Tops<br><a href="/wx17.html""><img src="/resize-et-image.php"></img></a></TH> </TR> </TABLE> </center> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Velocity<br><a href="/wx18.html"><img src="/resize-bv1-image.php"></img></a></TH> <TH>Relative Velocity<br><a href="/wx19.html"><img src="/resize-srv1-image.php"></img></a></TH> </TR> </TABLE> </center> <br> </div> <!-- ##### Footer ##### --> Thanks again for the help,Doug I think this is a CSS issue so I posted in the CSS section. I know I have asked for help with problem before but I didn't get it sorted. The problem is the table stretches out for some reason.This only happens in Firefox 2.0. Screen shot: http://i111.photobucket.com/albums/n...Untitled-2.jpg I have attached some of the e portfolio to this thread, Thank you |
|||||||