No font family

Hello I want to juse a font that is not regular to other people.
So Ive uploaded the font to the same dir as I have my CSS.

In my CSS i have the fiollowing code:
font-family:"myfont";

Now when I look at it on my own pc its o.k but from any other pc the font is not visuble on the screen.

Does anyone know what I'm doing wrong?

Kind Regards Erik Bos

 

You are most likely using a custom font that is not installed on the other machine. Best bet is to stick with the standard fonts and create images of text if you must have a custom font. Good luck

 

It won't work. You CAN'T do that with CSS. Using specific fonts (non regular ones) is something I wouldn't recommend to do.

However, for some cases, such as titles or so, search Google for SFIR (Scalable Inman Flash Replacement).

Tip: www.mikeindustries.com is the site.

 

Yes you can

 

An amazing reply.Would you mind to elaborate please?

 

off course I can, forums are all about that, wright ?

This is for css file, in html or out.

<style type="text/css" media="screen, print">
@font-face {
font-family: "Formata";
src: url("http://yoursite/fonts/yourfont")
}
</style>

HTML:

this is is for "calling" in the html, offcourse you can do this in css too font-family tag, off course.

h1 { font-family: "yourfont", "arial", "verdana", "helvetica" }

HTML:

Here it is. Pure css.

 

Oh, also this is not very practical to use for blocks of text, only few lines, or H tags.


But this is answer on Ericbos topic.
But offcourse you can use SIRF ( even on text blocks, not recommed too, but you can ) or Javascript to replace your htags with images.

There are many options.

Hope I help you.

 

Well, I could be wrong, but will be this cross browser compatible? I think is not.

While this can be part of the CSS2 specifications, I do not think it's going to work in both IE and Firefox/Mozilla, which IMHO are the 2 first requisites.

 

An amazing reply.

Like most things in standards, you need to work you way in.
This is way you need to use stuff like javascript etc.

But point is that it can be done.

 

That is amazing, I will have to try that sometime!

 

Yes, its basic css.
I recomend using javascripts that replace your h tag with image , so in code you have only:

<h1>Title</h1>

And on site you have you graphic picture/text, if picture don`t load up, you still have your text ( h tag ) which you can also format using css, what you can ask more ?

Glad I help you Shodan !

 

I know it could be done some guy showed me once but I had forgoton the technique.

Thanx for the replies.

 

no problem !