Wed, 2011-11-30 16:23
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
Wed, 2011-11-30 23:14
#1
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.
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