Validating @fontface

I am trying desperately for a way to validate a custom font that I have in my webpage to no avail.

[CODE]

@font-face {
font-family: myfont;
src: url(“fonts/myfont.eot”);
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: myfont;
src: url(“fonts/myfont.ttf”);
font-weight: normal;
font-style: normal;
}

[/CODE]

When validating my CSS this gives me errors such as:-

Value Error : font-family Property font-family doesn’t exist in CSS level 2.1 but exists in : myfont myfont

Property src doesn’t exist : url(“fonts/segoepr.eot”) url(“fonts/segoepr.eot”)

etc

Is there any possible workaround for this as I really need to get this to validate?

Also another thing this font I have applied it looks fine however during page refresh/reload the font quickly changes to arial or some other font then suddenly changes to myfont as it should but it’s as if it takes a couple of seconds to load for some reason. This only happens in IE. Is therer any fix for this also?

Thanks in advance for any help.

Also in #CSS _↴