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.
-
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. BeckerSep 12, 2012 at 14:24
Add a comment
|
2 Answers
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
-
Not in this case:
The page only needs to be shown on this computer.
this is possible without usingfont-face
– PekkaSep 22, 2011 at 9:31 -
4Stil... 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.– JNDPNTSep 22, 2011 at 9:32
-
I removed the downvote because it may indeed end up being the best workaround. Still, it should be possible without it– PekkaSep 22, 2011 at 9:33
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
-
6
-
i think downloaded font have some problem . i got the correct font using this font-family: "7 Segment"; . but i am using windows . can you please download one more time and install. check the above image– SanoojSep 22, 2011 at 11:34
-
-