What is the proper CSS style for "SegoeLight"?

Hi Experts,
What is the proper css font definition for Segoe Light?

Is it:

font:"Segoe Light"
or
font:"SegoeLt"
or
font:Segoe?

other?
LVL 1
rascalAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jen0910Commented:
I imagine you are using @font-face?

If so, you can call it whatever you'd like in your font-family CSS (without spaces), just make sure the path points to the filename of the font. Ex:

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

Open in new window


Then, when calling it in CSS rules, you would use:
body {
font-family: 'SegoeLt', Fallback, Arial, Helvetica, sans-serif;/* Fallback can be any web-safe font you'd like */
}

Open in new window


Where did you get the kit? It should have come with proper CSS declarations.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
CCSOFlagCommented:
does
font-family: "Segoe UI Light";
not work?
0
Jen0910Commented:
No spaces in CSS fontface names, and HTML in general. You should never have a space in any kind of title/pathname/etc. Based off of what you just wrote, you'd need to define it as "SegoeUILight"

Spaces are used in CSS, but for separation and defining very specific rules, like defining an LI within a Div with an ID.

#divID li

Or defining an LI within a UL that has a class within a Div with an ID.

#divID ul.className li

Can get pretty complicated.

Where did you download this font kit? It should have come with declarations you can just copy and paste.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

CCSOFlagCommented:
No spaces in CSS fontface names, and HTML in general. You should never have a space in any kind of title/pathname/etc. Based off of what you just wrote, you'd need to define it as "SegoeUILight"

Um, since when?  There are a lot of font families with spaces...

Times New Roman, Trebuchet MS, Arial Black, Lucida Sans Unicode, Lucida Grande, etc, etc, etc.  You just surround them with quotes.
0
Jen0910Commented:
As a rule of thumb with CSS font face kits. System fonts are different and already localized on a user's machine, but font face kits pull remotely and you need to load them with correct pathnames. Why have the fonts named 2 different ways and confuse yourself along the way?

I've asked a couple times now where you have acquired the font so i may help you in more detail. If you are having issues with my comments, please feel free to disregard and wait for another expert to help you out. Good luck.
0
CCSOFlagCommented:
If you are having issues with my comments, please feel free to disregard and wait for another expert to help you out. Good luck.

I'm not the OP.  He hasn't responded yet.
0
Jen0910Commented:
I see that, but assumed you were inquiring on the same issue as you were responding directly to my comments. I've gotten much help over time from reading other user's posts and am sure I'm not the only one ;^)
0
CCSOFlagCommented:
NP, just didn't want you to think the OP was harassing you or anything. :)
0
rascalAuthor Commented:
So far the designer we are building the website for doesn't see the SegoeLt or Segoe UI font when we use it in a font family. She only sees the Arial portion

font-family:SegoeLt, "Segoe UI", Arial, Helvetica, sans-serif;
0
Jen0910Commented:
The font-family declaration will depend on how the font is defined on the @font-face declaration. Reference my 1st comment above. She must make sure the @font-face is at the top of the style sheet, before it is called in the font-family rule.
0
rascalAuthor Commented:
Sorry for any confusion on this - what I meant to say is that our designer is viewing the web page we developed, and is seeing an Arial font, even though we coded the Segoe font in our stylesheet:

font-family:SegoeLt, "Segoe UI", Arial, Helvetica, sans-serif;
0
Jen0910Commented:
I knew what you meant :-)

Can you please attach code or try the above method?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.