|
HTML - <font> In Html Vs Font: In Css...problem
Hello,
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. Similar TutorialsHi 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. 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. 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? 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 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 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! Ok so I am stuck between two fonts TREBUCHET MS and Verdana. Which looks better? Click here to see them. I would like to put some custom made font on my client web site, but of course the font change when is on server. That is totaly normal. Once I found one javascript that made shure that font stay the same regarding ho is looking at the site. Does anyone have that javascript or know where I could find it? Maybe some other trick? Google wasn't helpful this time. I know this must be a simple process but I cant figure it out. Yes I did try the search function, but obviously not that well or I would have found this At any rate, do I have to load them all in a special file than connect it through like a CSS sheet or something to that affect? This is all very new and Ive read a bit so I think I can keep up. How would I get a text that looks faded. I don't want the text fade in and out, I just want the font to look kinda old. Does anyone know where I can either find it or give me the name of the tag Also, how would I embed music from Itunes, I'm having trouble with that. Is there a way of putting a font into a website viewers temp file so it can be used on the website. As I would like to make my own font to go on my website but if that viewer didn't have it, then it wouldn't show. I don't really like the idea of having somebody download the font and then have to put it into their font file so if that could be avoided. Thanks. Hello, I created a website and I have the fonts working perfectly on my computer. I noticed, though, that when it is on another computer they are either WAY smaller or WAY bigger than on mine. After some exploration I noticed that the font size on IE effects the size on my website... is there a simple peice of coding that can fix this? Thanks Ryan Can I use a font from a folder on my site? This way if people do not have the font it is still visible. One of the fonts I am using is Calligraph421 BT and not sure if it is of a common font family. Thx! |
|||||||