Using Adobe fonts on the web

Question

Hey everyone, I have a website that i want to use Adobe fonts on it. can anyone please help with it ??? the files i got are .otf

Many thanks

Answer 1

To embed a font I would recommend Paul Irish's Bulletproof @font-face syntax

@font-face {
  font-family: 'adobe font web';
  src: url('adobefont.eot');
  src: local('?'),
         url('adobefont.otf') format('opentype');
}

I think that it is important to note that Adobe fonts are under licence so you can't just use them for free on the web. If you do wish to use Adobe fonts I would recommend getting an account at http://typekit.com/ or seek a free alternative http://www.theleagueofmoveabletype.com/ or http://code.google.com/webfonts

Answer 2

@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }

@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }

h3 { font-family: Delicious, sans-serif; }

I use it to use dot-matrix fonts here

Answer 3

You can use OTF fonts in browsers that supports @font-face. Be aware of the licensing of your font, however.

Example from the link above:

@font-face 
{
    font-family: Delicious;
    src: url('Delicious-Roman.otf');
}

h3 { font-family: Delicious, sans-serif; }