Schriftart ändern?

[BalmyBeads]

Hallo zusammen,

als Newbie'ne im Bereich XT habe ich an die Cracks im Forum eine wahrscheinlich einfache Frage:
Wie und wo kann ich die verwendeten "Schriftarten" so ändern, dass sie auch beim Aufruf von XT angezeigt werden?

Erstelle gerade auf Basis von "wog24-gruen.V304SP2" ein komplett geändertes Frontend incl. Buttonsatz. In der *.css habe ich bereits per DW die Font-Family ensprechend umgeschrieben bzw. errsetzt.
Jedoch wenn ich bspw. in der Datei: "categorie_listing.html" die Überschrift: {$module_data.CATEGORIES_NAME} von den Standardvorgaben auf eine "größere Schrift" umstelle, erhalte ich grundsätzlich eine Fehlermeldung aus Smarty *** Fehlermeldung: Fatal error: Smarty error: [in wog24-gruen.V304SP21/module/product_listing/product_listing_v1.html line 3]: syntax error: unrecognized tag: font-size: medium; font-weight: bold; (Smarty_Compiler.class.php, line 439) ***
Von einer Änderung der Schriftart mal erst garnicht zu reden - das geht nämlich erst Recht nicht.
Das ich blond bin weiß ich, aber..... - möglicherweise sehe ich auch den Baum vor lauter Wald nicht mehr.
Wäre nett wenn sich jemand meiner erbarmen könnte - hänge echt fest.

Mit bestem Dank schon einmal vorab
und unbekanntem Gruß
BalmyBeads

[John Steed]

Wie kommt denn ein CSS-Befehl 1) in die Smarty Engine und 2) in die product_listing_v1.html? Die CSS-Datei wird doch im Header geladen und geht gar nicht durch den Smarty?

Was hast Du denn *wo genau* gemacht? Ich kann nur raten: Semikolon nach font-family:bla vergessen?

[BalmyBeads]

Hi John,

ich wußte schon immer ich bin kompliziert - ok - Scherz beiseite, ich habe nur versucht das Problem so genau wie möglich zu beschreiben.

Also meine *.css hat eine Font-Family mit mehreren Schriftarten und einem "Semikolon"
...........soviel zur Grundeinstellung..........

Meine Datei: "categorie_listing.html" enthält in Zeile 3 {$module_data.CATEGORIES_NAME} was eine "Überschrift" erzeugt. Wenn ich in dieser HTML-Datei die 'Standardvorgaben' verändere, bspw. auf eine "größere Schrift" umstelle, DANN erhalte ich grundsätzlich diese Fehlermeldung aus Smarty.

Ich würde gerne den KATEGORIEN eine andere Schrift, Größe und Farbe verpassen, um sie dadurch von dem eher sehr schlichten Design abzuheben.

Über die CSS kann ich das nicht realisieren, da dort immer ganze Bereiche geändert werden - also - alle Menüpunkte, alle Überschriften,etc.

Ich hoffe, das war jetzt etwas klarer verständlich - SORRY

Gruß BalmyBeads

[lebensform]

sind denn die formatierungs tags richtig palziert, oder evtl. innerhalb der geschweiften klammern? das wäre nämlich falsch. die tags müssen sich ausserhalb befinden etwa so:

<div class="klassenBezeichnung">{$module_data.CATEGORIES_NAME}</div>

[BalmyBeads]

Danke für die Antwort - doch leider bringt die mich nicht wirklich weiter.

Hier ein Teil des Sourcecodes aus der "categorie_listing.html"

<td class="main"><table width="100%" border="0" cellpadding="0" cellspacing="4">
<tr><td align="center" >{if $module_data.CATEGORIES_IMAGE}
<a href="{$module_data.CATEGORIES_LINK}">
<img src="{$module_data.CATEGORIES_IMAGE}" alt="{$module_data.CATEGORIES_NAME}" /></a>{/if}</td></tr>
<tr><td align="center" ><a href="{$module_data.CATEGORIES_LINK}">
<font size="2"><strong><u>{$module_data.CATEGORIES_NAME} </u></strong></font size="2"></a></td></tr>
<tr><td align="center" >{$module_data.CATEGORIES_DESCRIPTION}</td></tr> </table></td>

...und hier die Class aus der CSS:
TD.main, P.main
{ font-family: Arial, Helvetica, sans-serif, "Comic Sans MS", j.d., Rondalo;
font-size: small; line-height: 1.5; }

Ich möchte NUR die Überschrift (der unterstrichene Bereich in der html) in eine andere Schriftart, Grösse und Farbe ändern.
Obwohl die in Frage kommenden Schriftarten in der CSS integriert sind und auch in den Ordner "shop/includes/fonts" kopiert wurden, lassen sie sich nicht anzeigen.

Was mache ich falsch oder wo habe ich den Denkfehler um das Problem in den Griff zu kriegen ??? Ich verzweifel bald - bin eben doch blond

Freue mich über jede Antwort dich mich ein Stück näher an die Lösung meines Problems bringt.

MfG BalmyBeads

[lebensform]

da sich der text bereits in einem link befindet kannst du das so nicht machen. das musst du dann über css realisiern. du könntest das hardcoden, etwa so:
das fügst dann so ein:

   <td class="main">
      <table width="100%" border="0" cellpadding="0" cellspacing="4">
         <tr>
            <td align="center" >{if $module_data.CATEGORIES_IMAGE}

               <a href="{$module_data.CATEGORIES_LINK}">

                  <img src="{$module_data.CATEGORIES_IMAGE}" alt="{$module_data.CATEGORIES_NAME}" />
               </a>{/if}
            </td>
         </tr>

         <tr>
            <td align="center" >
               <a href="{$module_data.CATEGORIES_LINK}" style="font-family: Arial, Helvetica, sans-serif, "Comic Sans MS", j.d., Rondalo;
font-size: small; line-height: 1.5;">{$module_data.CATEGORIES_NAME} 
               </a>
            </td>
         </tr>

         <tr>
            <td align="center" >{$module_data.CATEGORIES_DESCRIPTION}
            </td>
         </tr> 
      </table>
   </td>

ich habe bewusst den ganzen von dir geposteten textbereich verwendet, damit du das einfacher zuordnen kannst.

*habs nicht getestet...

[John Steed]

</font size="2">

(am ENDE!) ist auch doof, muss heissen

</font>

Wobei Font-Tags überflüssig sind, wenn man schon mit CSS arbeitet.

Ach ja, die CSS...

{ font-family: Arial, Helvetica, sans-serif, "Comic Sans MS", j.d., Rondalo;
font-size: small; line-height: 1.5; }

Wer hat denn schon die Schriften j.d. oder Rondalo? Ich nicht, und ich hab' immerhin über 1000 Fonts auf dem Rechner... Könnte übrigens auch sein, dass Du j.d. in Anführungszeichen setzen solltest (wie die Comic Sans). Und wenn Deine "Spezialschriften" (wenn der User sie denn hat) auch angezeigt werden sollen, dann änder die reihenfolge. Also

{ font-family: "j.d.", Rondalo, "Comic Sans MS", Arial, Helvetica, sans-serif; 
/* oder welche Reihenfolge Du bevorzugst 
   die erste Schrift, die der User hat wird angezeigt */
font-size: small; line-height: 1.5; }