How to use a stylish font on my website that works on all browsers
"that works on all browsers"
I don t think there is such a thing as ANYTHING "that works on all browsers".
But your options would include (as stated above) sIFR, though you d only want to use that for headlines, at most.
More recent browsers can support @font-face css "embedding" of fonts. Some online web services that will allow you to license type for that (either commercial or free fonts) and also make the CSS/JS needed include:
and there are others as well.
There s also Cufon, which is a javascript based solution.
The only worthwile solution is sIFR.
You really should check out the @font-face CSS3 rule. Here s a converter to make it work in IE. Paul Irish has a great writeup on how to use the rule here.
[EDIT] Just found a handy generator, too: http://www.fontsquirrel.com/fontface/generator
Font embedding is becoming viable now. Check out this post from Jonathon Snook
Do you want to use if for headlines and other special text or for general paragraphs of text? If the former, sIFR or an image representing the text would probably be best. If you want whole paragraphs then you should look into @font-face like DA suggested or see if there s an acceptable web safe font that is close enough to the font you would prefer to use.
I personally have switched from sIFR to cufon on projects that don t have issues with font EULAs. The about page has a more in depth overview.
Depends what font you want to use ... the easiest solution is to use the @font-face method. If you include the microsoft only format(.EOT) it will work in ANY browser.
Font Squirrel has a great collection of free to use commercially, font kits, that include:
The @font-face method doesn t require Javascript or Flash, like the previously mentioned sIFR and Cufon techniques, so is more accessible by all.
It s totally SEO friendly and scalable.
I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....
I have a div <div id="masterdiv"> which has several child <div>s. Example: <div id="masterdiv"> <div id="childdiv1" /> <div id="childdiv2" /> <div id="...
I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...
<form><input type="file" name="first" onchange="jsFunction(2);"> <input type="file" name="second" onchange="jsFunction(3);"</form> Possible to pass just numbers to the js ...
So I ve got a menu with a hover/selected state and it loads fine in IE6/IE7. However when I scroll down the page and put the element outside of the viewport and then back in I get a broken image! I ...
I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...
Is it possible to reload a form after file-input change? I have a form where the user can chose an image for upload. I also have a php script which displays that image resized. I only wonder if it ...
I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!
