1 reply [Last post]
GerTonti
Offline
newbie
Last seen: 2 years 19 weeks ago
Timezone: GMT-5
Joined: 2011-11-30
Posts: 1
Points: 2

Hi all,

I'm new here. I just made my first website the accesses custom fonts in a style sheet. I am using italic and regular versions of the same font. The regular non italic version works fine, but it doesn't seem to be picking up the italic version. Are some italics not supported? Here is what I have in my style sheet:

@font-face {
font-family: OFL Sorts Mill Goudyitalic;
src: url(fonts/sortsmillgoudy/OFLGoudyStMTTItalic.ttf);
}
@font-face {
font-family: OFL Sorts Mill Goudy;
src: url(fonts/sortsmillgoudy/OFLGoudyStMTT.ttf);
}
.text4 {
font-family: OFL Sorts Mill GoudyItalic, "arial";
font-size: 18pt;
font-weight: bold;
font-style: italic;
letter-spacing: .1em;
line-height: 25px;
text-decoration: none;
color: #ecb059;
}
.text5 {
font-family: OFL Sorts Mill Goudy, "arial";
font-size: 12pt;
font-weight: none;
font-style: regular;
letter-spacing: .1em;
line-height: 18px;
text-decoration: none;
color: #ecb059;
}
.text6 {
font-family: OFL Sorts Mill GoudyItalic, "arial";
font-size: 12pt;
font-weight: none;
font-style: italic;
letter-spacing: .1em;
line-height: 25px;
text-decoration: none;
color: #ecb059;
}
.text7 {
font-family: OFL Sorts Mill Goudy, "arial";
font-size: 18pt;
font-weight: bold;
font-style: regular;
letter-spacing: .1em;
line-height: 25px;
text-decoration: none;
color: #ecb059;
}

Any help is GREATLY appreciated!

Thank you.

Gerry

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 hours 21 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9047
Points: 3016

It is true that not all font

It is true that not all font families have all weights, styles and variants.

There are errors and warnings in your css.

The CSS validator wrote:

Errors (2)
 
22 	.text5 	Value Error : font-weight none is not a 
                font-weight value : none
23 	.text5 	Value Error : font-style regular is not 
                a font-style value : regular
 
Warnings (2)
 
10 	.text4 	Family names containing whitespace should 
                be quoted. If quoting is omitted, any 
                whitespace characters before and after 
                the name are ignored and any sequence of 
                whitespace characters inside the name is 
                converted to a single space.
20 	.text5 	Family names containing whitespace should 
                be quoted. If quoting is omitted, any 
                whitespace characters before and after 
                the name are ignored and any sequence of 
                whitespace characters inside the name is 
                converted to a single space.

While this,

font-family: OFL Sorts Mill Goudy, "arial";

is not, strictly speaking, an error, it does cause problems. Do put quote marks around all values that have embedded spaces.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.