CODEWITHSUNDEEP
javascripthtmlcss
oo7
oo7

Reputation: 203

How To Use / Force A Default Font

There is a specific font that i have used in a certain section of my website design. I know that this font will NOT be on 99.9% of my users computers... so is there a way to apply this font to certain text, without having to use images for the text...

If you can suggest away, can you confirm that it is compatible across all browsers...

Upvotes: 0

Views: 494

Answers (2)

Mihai Iorga
Mihai Iorga

Reputation: 39704

You need to convert that font for every browser. There are several online convertes for this job. And then you just have to add it in CSS:

@font-face {
    font-family: 'mwebfont';
    src: url('fonts/mw.eot');
    src: url('fonts/mw.eot?#iefix') format('embedded-opentype'),
         url('fonts/mw.woff') format('woff'),
         url('fonts/mw.ttf') format('truetype'),
         url('fonts/mw.svg#mwebfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

Here is a nice converter

NOTE: Make sure your fonts are legally eligible for web embedding.

Upvotes: 2

Wilq
Wilq

Reputation: 2272

I suggest to try using Google Web Fonts or Cufon .

Upvotes: 0

Related Questions