Hacks

[incognito]

Hallöchen,

Ich hab zur Zeit ein Font problem. Habe eine Schrift in Mozilla ausgesucht die ich mit Font-size vergrößern muss. 30px um genau zu sein.

Jetzt erkennen alle anderen Browser die Schriftart nicht, aber stellen die Schriftgröße auf 30px. Das zerreißt mir natürlich mein design :/

Kennt jemand eine Seite mit befehlen und Hacks um das zu korrigieren?
Würde die Schrift gerne behalten.

Habe schon gegoogelt aber nur Selektoren befehle gefunden.

Wäre cool wenn sich damit jemand auskennt. :)

[Gunnar Bittersmann]

@@incognito:

nuqneH

Ich hab zur Zeit ein Font problem. Habe eine Schrift in Mozilla ausgesucht die ich mit Font-size vergrößern muss. 30px um genau zu sein.

Es gäbe Möglichkeiten, Regeln nur für Mozilla zu notieren.

Jetzt erkennen alle anderen Browser die Schriftart nicht

Das kann ich mir kaum vorstellen.

Oder … dass du Webfonts für verschiedene Browser in verschiedenen Formaten anbieten musst, weißt du?

Qapla'

[incognito]

Bickham Script Pro,

Diese Schriftart wird nicht im Explorer, safari, Netscape und im Opera angezeigt.

Wie meinst du das in verschiedenen Formaten?

gruß

[LX]

TTF, OpenFont, Web Open Font Format (WOFF), um nur mal 3 wichtige zu nennen, würden im Zusammenspiel mit einem entsprechenden @font-face-Statement vermutlich ausreichen, um es in den meisten aktuellen Versionen dieser Browser zum Laufen zu bringen.

Gruß, LX

[incognito]

@LX

Danke werd mich mal schlau machen, höre das zum ersten mal.
gruß

[incognito]

Hey also das mit dem @font-face funktioniert wunderbar in Mozilla,opera und im Safari. Allerdings bekomm ich es nicht im Explorer und im Netscape hin.

Dort steht ja das es eine .eot Datei sein muss. Diese habe ich auch entsprechend formatiert aber eine anzeige bekomm ich nicht.

@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");
}

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

Habe ich vieleicht einen Syntax fehler? oder ähnliches?
Wenn nicht weiß ich auch nicht weiter. Habe meine Datei schon 10 mal neu konvertiert oO

[Gunnar Bittersmann]

@@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'

[incognito]

Dank dir :) bin froh das es in diesem Forum von Helfenden Händen nur so wimmelt. :)

[dave]

Hi,

Es gäbe Möglichkeiten, Regeln nur für Mozilla zu notieren.

Ist es nicht so das IE7 diese Regel:
foo, x:-moz-any-link {bar: baz}

Auch auf alle foo-Elemente anwendet?

AFAIK verwirft der nicht alle Selektoren wenn einer nicht valide ist.

Das würde aber nur bedeuten dass man mit *+html nochmal extra fürn IE7 den Grundzustand angeben müsste.

Oder irre ich?

~dave

[Gunnar Bittersmann]

@@dave:

nuqneH

Ist es nicht so das IE7 diese Regel:
foo, x:-moz-any-link {bar: baz}

Auch auf alle foo-Elemente anwendet?

Hm ja, tut er.

Das würde aber nur bedeuten dass man mit *+html nochmal extra fürn IE7 den Grundzustand angeben müsste.

Oder besser: Man modifiziert die Regel für Mozilla so, dass der IE 7 sie gar nicht erst anwendet: bspw.

html:root foo, x:-moz-any-link {bar: baz}

Qapla'