Gunnar Bittersmann: Hacks

Beitrag lesen

@@incognito:

nuqneH

@font-face {    // Firefix,safari,Opera
  font-family: "Bickham Script Pro";
  src: url("bickhamscriptpro-regular.otf");
}
@font-face {  // für den IE und Netscape.
  font-family: "Bickham Script Pro2";
  src: url("bickhamscriptpro-regular.eot");
}

Du solltest nicht dieselbe Schrift unterschiedlich benennen und zweimal in 'font-family' angeben, sondern die verschiedenen Formate in einer @font-face-Regel zuweisen:

@font-face {  
    font-family: "Bickham Script Pro";  
    font-style: normal;  
    font-weight: normal;  
    src: url('bickhamscriptpro-regular.eot');  
    src: url('bickhamscriptpro-regular?#iefix') format('embedded-opentype'),  
         url('bickhamscriptpro-regular.woff') format('woff'),  
         url('bickhamscriptpro-regular.ttf') format('truetype'),  
         url(bickhamscriptpro-regular.svg#BickhamScriptPro') format('svg');  
}

.x {
      font-family:Bickham Script Pro, Bickham Script Pro2;
      font-size:30px;
}

Habe ich vieleicht einen Syntax fehler?

Ja: das Leerzeichen.

Und nicht nur dieses eine; auch die in Schriftart-Bezeichnern. Wenn ein Bezeichner Leerzeichen o.a. in Identifiern nicht erlaubte Zeichen enthält, müssen diese escapet werden oder der Bezeichner muss als String angegeben werden, also in Anführungszeichen stehen. [CSS21 §15.3]

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)