Zwei css Styles = Kein Abstand zwischen Wörtern

[chapati]

Hallo,

Ich habe ein dynamisches Textfeld mit eingebettetem font und einen weiteren font (bold) in der Bibliothek. Textfeld wird mit css formatiert und texte laden von xml. Der Haupttext wird somit vom eingebetteten Textfeld Font formatiert und "bold" kommt vom CSS.

Klappt soweit auch gut aber wenn ich zwei Styles auf einer Zeile haben will gibt es keinen Abstand mehr zwischen den Wörtern.

css:

bold {
	font-family: "DINMittelschrift-Bold";
	display: inline;
}

xml:

<companyMain>
      <![CDATA[Clients say our customer service is untouchable…and you’ll actually have <bold>fun</bold> working with us.<br/>]]>
</companyMain>

und so sieht es aus ("fun" ist fett aber überlappt das vorgerige Wort/kein space):


Ich kann natürlich " " einfügen um den space wieder herzustellen aber das is ja nun auch nicht schick und auch etwas umständlich.

[chanel]

PHP-Code:


z.B.
letter-spacing:5 


[sonar]

Zitat von chanel

PHP-Code:


z.B.
letter-spacing:5 


Das ist doch keine Lösung - damit kriegst nen Riesen-Abstand zwischen alle Buchstaben rein...

@chapati: Warum machst du das überhaupt so?
Warum arbeitest du nicht mit "normalen" <b> oder <strong> tags..?
Und warum das 'display: inline'?

[chapati]

Zitat von sonar

Warum arbeitest du nicht mit "normalen" <b> oder <strong> tags..?
Und warum das 'display: inline'?

Ich würde gerne mit normalen <b> Tags arbeiten aber dieser Font hat kein normales "bold". Stattdessen muss ich einen zweite Version des Fonts benutzen die speziel "bolt" ist.

Ohne "display: inline" würde der Satz in eine neue Zeile rücken.

Ich würde statt der bold-Tags die font-family, also den Verknüpfungsbezeichner des bold-Schriftschnittes nehmen.

PHP-Code:

<companyMain>
      <![CDATA[<font face='normal'>Clients say our customer service is untouchable&#8230;and you’ll actually have</font> <font face='bezeichner'>fun</font> <font face='normal'>working with us.</font><br/>]]>
</companyMain> 


Und das ganze dann an die htmlText-Eigenschaft der Textfeldinstanz leiten.

[chanel]

PHP-Code:

letter-spacing:5 


das sollte ja ein beispiel sein.
den abstand kann er ja selber einstellen.

[chapati]

@agedoubleju: Hab's ausprobiert aber es funktioniert leider nicht.

<![CDATA[<font face='DINMittelschrift'>Clients say our customer service is untouchable… and you’ll actually have </font><font face='DINMittelschrift-Bold'> fun</font><font face='DINMittelschrift'> working with us.</font>]]>

Kein Abstand. Das merkwürdige ist ja das es einen Abstand nach dem Wort "fun" gibt aber nicht vor dem Wort.
Seltsam ist auch das die Leerstelle vorhanden ist wenn ich "DINMittelschrift-Italic" benutze anstatt "DINMittelschrift-Bold".

@chanel: "letter-spacing" würde den gesammten Text betreffen - mir gehts es jedoch nur um die fehlende Lücke vor dem Wort "fun".