31

I have a mac, and have installed a font called "7 Segment" (it shows up in Font Book). When I use font-family: "7 Segment"; I get Helvetica (or similar) rather than the browser's default font, but it still isn't showing the correct font. The page only needs to be shown on this computer. How would I use the font on this page? Thanks.

JJJollyjim
  • 5,837
  • 19
  • 56
  • 78
  • Are you 100% positive the font has been registered as a system font? Many font applications don't always do so, as too many registered fonts can result in a performance penalty. – J. M. Becker Sep 12 '12 at 14:24

2 Answers2

66

You need to use the css-property font-face to declare your font. Have a look at this fancy site: http://www.font-face.com/

Example:

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
       local("HelveticaNeue-Bold"),
       url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

See also: MDN @font-face

gimpf
  • 4,503
  • 1
  • 27
  • 40
JNDPNT
  • 7,445
  • 2
  • 34
  • 40
  • Not in this case: `The page only needs to be shown on this computer.` this is possible without using `font-face` – Pekka Sep 22 '11 at 09:31
  • 4
    Stil... Why would it be bad to use the proper css-way? It doesn't matter if it's local of not, this is the way it's done. – JNDPNT Sep 22 '11 at 09:32
  • I removed the downvote because it may indeed end up being the best workaround. Still, it should be possible without it – Pekka Sep 22 '11 at 09:33
0

This is not a system font. this font is not supported in other systems. you can use font-face, convert font from this Site or from this

enter image description here

Sanooj
  • 2,637
  • 15
  • 20