I'm trying to find the CSS font-family name of the Helvetica Neue LT Std 97 Black Condensed font located here: http://fontscore.com/fonts/Helvetica-Neue-LT-Std-97-Black-Condensed_22554.html
I'm using @font-face to load the font onto the webpage, if not already on the users computer, however, I would like to be able to load the font, if found on the users computer first. I've tried several methods here, but none of these work:
font-family: HelveticaNeueLT Std Blk Cnfont-family: HelveticaNeueLT Std ExtBlk CnWhat is the name of this font that I should use when calling font-family? I probably have to put 97 somewhere in there also, but nothing works, have tried a ton of different ways to call it.
Here's what I'm using in the CSS:
@font-face {font-family: hnc_font;src: local('HelveticaNeueLT Std Blk Cn'), local('HelveticaNeueLTStd-BlkCn'), url('../fonts/hnc.otf') format('opentype'), url('../fonts/hnc.woff') format('woff'), url('../fonts/hnc.ttf') format('truetype'), url('../fonts/hnc.svg') format('svg');font-weight: normal;}@font-face{ font-family: MyFont_IE;src: url('../fonts/swiss_bc.eot'); }.big_text{padding-top: .4em;font-size: 5.5em;font-family: HelveticaNeueLT Std Blk Cn, HelveticaNeueLTStd-BlkCn, hnc_font, MyFont_IE;}Best Answer
First of all try all your combinations by wrapping the name of the font in " quotes.
For example font-family: "Helvetica Neue LT Std 97 Black Condensed"
Then, the name that you call is defined by your @font-face declaration before the font-family. You can call it what ever you want.
For example if you first declare it like this
@font-face{font-family: "MY_FONT_NAME";src: url('PATH_TO/FONT_FILENAME.ttf');}you can later refer to it like this
font-family: "MY_FONT_NAME";Edit based on the added CSS
try this
.big_text{padding-top: .4em;font-size: 5.5em;font-family: "HelveticaNeueLT Std Blk Cn", "HelveticaNeueLTStd-BlkCn", "hnc_font", "MyFont_IE";}Cheat with some javascript: http://jsfiddle.net/ucd2L/
var x = $("#test").css('font-family');$("#test").append(x);HTML
<p id="test">Text</p>When using @font-face, there are two separate questions about font names.
The name you use in font-family declaration inside an @font-face rule is up to you, as long as it is a syntactically valid font name and you use that very same name in font-family declarations in normal CSS rules. So it can be font-family: foobar.
The name you use in the local(...) constructor when setting src in an @font-family rule must match the name under which the font is known in the system. It should be name you would use to get a local font in a font-family rule without any @font-face, and in principle it should be the PostScript name or the full name of the font, though browsers may accept other names too; seecss - machine specific font-family.