CSS font linking

Question

I was wandering how can I link font-family in css to a font in your folder. Like PHP you can use your font in your folder.
Example Code:

CSS:

font-family: verdana;

This is what I mean:

font-family: foldername/font

Is there a code for that? or I have to use PHP to browse my own font?

Answer 1

It is not possible do like:

font-family: foldername/font

Fonts are read by the browser from the client machine from a specific location, you can not change it that way.

Answer 2

@font-face {
  font-family: "Kimberley";
  src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");
}

Just found this one on "A List Apart", haven't checked myself but this webbie is one of the most respectful resources for designers online so i guess your best shot is to give it a try.

Answer 3

You are misunderstanding this. PHP can use server-side fonts to generate an image. The font itself is never shown to the client, just the rendered results.

To be able to use a non-standard font in the user's browser, you will have to package the font along with the site.

There are various techniques to do this, all with various degrees of browser support. Here's a good article on the various available techniques, their upsides and downsides. Also check out the duplicate link.

Note that only because you paid for a font, this does not mean necessarily that you are allowed to re-distribute it embedded in a web site! Always check your font license.

Answer 4

Jordan, This should help you: Using @font-face