Using a non standard font

Topic

New Reply

When developing a web page in which I use a none standard font, is there any method of forcing this font to be displayed on the computer which is viewing it across the internet. I know that I can use a graphic image – I have done this for headers and menu selections, but wondered if there was any way to do this for the text content too.

Reply | Quote

Replies

Yes it is possible using the import selector in the style tags. You will need to place the font in a specific location.

@font-face {
font-family: “jezza”;
src: url(“http://site/fonts/jezza”)
}
h1 { font-family: “jezza”, serif }

Reply | Quote

The jezza font must be a bear to work with…

Reply | Quote

But ultimately, doesn’t the viewer have the control to choose whether or not to use the site’s fonts vs. their own thus ignoring whatever code is forced in the page? I realize most people never change any of the default settings in a browser (or on their PCs for that matter) but wanted to be clear for us web developers that any coding we do can often be overriden by the end user so don’t expect the site to look like we designed it. (At least code relating to what the page looks like)

Comments plz?

Deb

Reply | Quote

If the font is NOT installed on the user’s computer, then a “Generic” substitute will be used.

DaveA I am so far behind, I think I am First
Genealogy....confusing the dead and annoying the living

Reply | Quote

Hi Debs

If properly controlled using styles, no they cannot change the font face, the size or colour. It is only if a style is not coded that the site will be shown in the browsers default font.

The method I have outlined above is not at all good as the @method can cause problems in some instances, especially in the older IE’s called a FOUC or Flash Of Unstyled Content and if this is to not happen then the link in the style must be correct.

Reply | Quote

Most browsers have “accessibility” features that let users override the author’s choices, yes. So you lose some control. But I’m sure you don’t want to prevent someone who feels they need to do this from doing so! If you are insistent on a particular look–and you would not be the only one–you can turn to PDF, Flash and image files.

Reply | Quote

Just a little caveat to be aware of.

Browser support for this method:

IE4 – none
IE5 – full
IE5.5 – full
IE6 – full
Mac_IE5 – none
Mozilla0.6 – none
Mozilla1 – none
Mozilla1.4 – none
Mozilla1.6 – full
Mozilla1.7 – full
NN4 – none
NN6 – full
NN7 – full

Reply | Quote