font error

[nuodas159]

How to fix it?
@font-face {
font-family: ‘Myriad Pro’;
src: url(‘{T_THEME_PATH}/fonts/MyriadProRegular.otf’);
font-weight: normal;
font-style: normal;
}

ERROR: a
4 Value Error : font-family (http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-family) Property font-family doesn't exist in CSS level 2.1 but exists in [css1, css2, css3] : ‘Myriad Pro’ a
5 Property src doesn't exist : url(‘{T_THEME_PATH}/fonts/MyriadProRegular.otf’) a
6 Value Error : font-weight (http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-weight) Property font-weight doesn't exist in CSS level 2.1 but exists in [css1, css2, css3] : normal a
7 Value Error : font-style (http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-style) Property font-style doesn't exist in CSS level 2.1 but exists in [css1, css2, css3] : normal

[chrisburton]

@nuodas159 I’m wondering why you ignored my previous advice on [this topic](https://css-tricks.com/forums/discussion/comment/77147/#Comment_77147)?

You need to use Typekit or another web font distributor to use Myriad Pro.

[nuodas159]

Can you tell me how to use with the Typekit?

[chrisburton]

@nudoas159 Absolutely. Sign up and we’ll go from there.

Note: You will need to purchase the Personal Plan at $24.99 to use it.

or

You can use http://webink.com and pay $20/year.

[nuodas159]

mmm, thanks.

Am, but why is this error:
Property box-shadow doesn't exist in CSS level 2.1 but exists in [css3] : 1px 3px 8px #f1d0b5

.inputbox {
background: #fff;
box-shadow: 0 3px 8px #f1d0b5;
border: 2px solid #f36e00;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px;
cursor: text;
}

[chrisburton]

You don’t need to worry about that error. Nothing is actually breaking.

[nuodas159]

Am thanks what about these? :

Property -webkit-border-radius doesn't exist : 5px

Same colors for color and background-color in two contexts #navigation a:hover and #autoXML61886656188665

[chrisburton]

The first one don’t worry about but make sure you’re also using “border-radius: 5px;” as well.

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;

Not sure about the other.

[nuodas159]

there isin’t in css
-o-border-radius: 5px; :/

[Author]

Posts