HTML - Problem When Embedding Font
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? Similar TutorialsHow 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. 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. Hi Beginner! I need to embedd data from a xml-file into a html-page. The xml is he http://www.jornemark.nu/temperatur/last.xml (containing temperature loggs) If I put the following code into a html-page my plan is for the data from the xml-file to be presented in a neet little table: Code: <xml id="logtemp" src="http://www.jornemark.nu/temperatur/last.xml"></xml> <table border="1" datasrc="#logtemp"> <tr> <td><span datafld="NAME"></span></td> <td><span datafld="VALUE"></span></td> <td><span datafld="DATE"></span></td> <td><span datafld="TIME"></span></td> </tr> </table> I mess up somewhere along the way. Where? I have no possibiltiy of changing contents of the xml-file. Also, will this work/look the same in both IE and Firefox? Hello! This is the page I'm trying to embed Flash: JUZD at Holt Refrew page - not working but it's not working. Here's the JUZD at Holt Renfew Flash - working. What am I doing wrong? Please help. I'm having trouble with embedding multiple videos to the same player. I'm not using asx files, but rather wmv to make a selection-list. I found a site that solved my due problem and the thing works. however!! The URL in the code refers to youtube videos, and that's great and all, but I needed 'em to link to my own media files. so I changed the URL's to those on my server, and here's the problem: when doing it offline with the files on my harddrive I can add as many files I want to without it complaining, but the second it goes online or I link to wmv files on the internet it can't seem to get a connection. It only works if I have but a single <div> entry typed. As soon as I add more the thing bugs. I even tried changing "application/x-shockwave-flash" to "application/x-mplayer2" Please!! Any solution to this?? What am I doing wrong?? Example with ref's to youtube-videos, below. <div id='videoPlayback' style='width: 435px; height:350px; background-color: #800000;'></div> <div id='selectDemo2' style='display: none'> <object width="320" height="285"> <param name="movie" value="http://www.youtube.com/v/c6SHsF1n9Qw"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/c6SHsF1n9Qw&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="320" height="285" autostart=0 showstatusbar=1> </embed> </object> </div> <div id='selectDemo2' style='display: none'> <object width="320" height="285"> <param name="movie" value="http://www.youtube.com/v/-is63goeBgc"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/-is63goeBgc&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="320" height="285" autostart=0 showstatusbar=1> </embed> </object> </div> <A HREF="#" onclick='return playVideo("selectDemo1","videoPlayback")'>RvD2: Ryan vs. Dorkman 2</A> <BR> <A HREF="#" onclick='return playVideo("selectDemo2","videoPlayback")'>Beatboxing Flute <q>Peter and the Wolf</q></A <BR> <script type="text/javascript">function playVideo(sourceId, targetId) { if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);} if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);} targetId.innerHTML=sourceId.innerHTML; return false;}</script> I tried to embed a wmv video in my web page, using this code: <HEAD><meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="imagetoolbar" content="false"> </HEAD> <BODY bgcolor="#000000"> <p align="center"> <img border="0" dynsrc="baby_girl.wmv" start="fileopen"></p> </BODY></HTML> I uploaded the wmv into a folder called just_like_daddy on my website called www.lovetoamuse.com On a blog I placed this link to the page: www.lovetoamuse.com/just_like_daddy To complicate matters, the video shows up on my computer, but when I try to see to it from the blog on another computer, it doesn't work. What code can I use to ensure it works everywhere, using the url www.lovetomuse.com/just_like_daddy Thanks OK so I am grabbing this code off of a local news site (WRAL) and when I embed into a myspace page, only portions of the script are showing up, not the video. So there is something wrong with the code itself i'm sure, I just don't know what. Here is the code. Do you guys see any errors he Quote: <script src="http://www.wral.com/entertainment/video/2820107/?version=embedded" type="text/javascript"></script><script type="text/javascript"> width=330; height=280; wral_insert_video_player_2820107(width,height); </script> 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? 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. 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. Okay, this one is a tough one for me. On my website, Celtics Insider, where the picture of the banners are (right above the "About Us" and "Our History" sections), I want to change that image into a video. I want to have a video like ESPN, where it doesn't say "YouTube" or show any of that crap, just a little transparent "play" button (the image, not the text). I'm just wondering a few things. First off, how do I resize the video so it is 442 x 200? Also, how do I make it so the YouTube thing doesn't show up? And how do I make a little transparent play button to click on before the video starts? I want to be able to have text below as well with a link to the story, like ESPN does. If you don't know what I mean, look at ESPN: http://espn.go.com/ Hi, I'm new here. I'm also a beginner web programmer so please take it easy on me. I've taken on a job where I need to embed a video into a webpage, I think I can figure out how to do that however my employer wants this video to be slanted. I have no idea how I would slant the video using HTML/CSS/DHTML. For an example of what I am talking about please view this website: http://www.wavecam.com/ I am aware that the video on that site was embedded into Flash so I'm wondering if that is the only way to do this. Thanks in advance for any help provided. Hello, I'm creating a site that requires the inbuilt audio player to keep streaming music between page loads. What coding options are available for this, HTML, PHP or otherwise? Regards Eddie When I embed a YouTube video in my webpage, it is left-justified. What HTML tweak do I need to center this puppy? The standard code is: <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/NA0iGQCd4TM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/NA0iGQCd4TM" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> Thanks in advance for the help. This is my first attempt at putting a .avi video on a webpage. Right now, here's my code: <embed src="name.avi"></embed> Internet Explorer will load up a video player, but then the whole page will freeze. The file's 12.9 mb and is being ran on my computer, so it shouldn't be a size issue. To run the video originally, I had to download this codec: http://www.techsmith.com/download/codecs.asp Any ideas? Hi all, I have a problem that i hope someone can help me with. I am trying to embed images into an html file but they only appear in Firefox, when i try to preview the file in IE i get the text instead Here is the code that i am using Code: <OBJECT data="header_small.gif" type="image/gif">This is the hospital name</object> I have read that IE has problems with embedded images, is there a way to make it show them? Thanks in advance hello im building a website for my accociate. i built a layout with tables and all that stuff. i am tryin to insert a flash document in a table. whenver i go to test it iin ie7 its stops the flash movie from opening and says Warning this site includes active x click here for more options and then you click on it and click allow. how do i get around this as i need the flash doc to open imedietly upon going to the site thanks augie Does anyone know the best practice for creating/embedding a video (3gpp/3gpp2/mp4) in html? Thanks in advance, James |