Dreamweaver Schriftart Probleme

[messia04]

<div class="bbWrapper">hi,<br /> <br /> ich weiß nicht ob das hier unter Internet gehört, aber eine bessere Kategorie konnte ich nicht finden. :-D <br /> <br /> Also folgendes Problem:<br /> <br /> Ich habe meine Site (<a href="http://thepatriots.de" target="_blank" class="link link--external" rel="nofollow ugc noopener">klick</a>) mit Dreamweaver erstellt. Allerdings ändert sich die Schrift, jenachdem mit welchem Rechner ich die Seite besuche. Mit meinem Mac sieht die Schrift wie auch in Dreamweaver eingestellt (Goudy Old Style), aber wenn ich mit einem Windows Rechner die Seite besuche, wird diese in TimesNewsRoman angezeigt....<br /> <br /> Kann jemand helfen??<br /> <br /> P.S.: Die Möglichkeit, dass es diese Schriftart nicht Standartmäßig auf einem Windows-Rechner existiert ist ausgeschlossen...<br /> <br /> P.S.S.: Das gleiche passiert sogar auch, wenn ich anstatt GoudyOldStyle Arial einsetze. Angezeigt wird TimesNewRoman.....<br /> <br /> Ich werde verrückt <img src="/community/styles/apfeltalk/smilies/Angry Emoji.png" class="smilie" loading="lazy" alt=":mad:" title="Mad :mad:" data-shortname=":mad:" /></div>

 

[messia04]

<div class="bbWrapper">hat keiner irgendwelche Ideen...???</div>

 

[messia04]

<div class="bbWrapper">haben wir keinen Dreamweaver Experten in unserer Runde...?</div>

 

[Squart]

<div class="bbWrapper">Poste mal die Zeile des HTML-Codes in der die verwendete Schriftart steht. Ich nehme mal an, dass Dreamweaver in der Lage ist, den Quellcode anzuzeigen und manuell ändern zu lassen.</div>

 

[.holger]

<div class="bbWrapper">hier stand müll <img src="/community/styles/apfeltalk/smilies/SmilingCheeks.png" class="smilie" loading="lazy" alt=":)" title="Smile :)" data-shortname=":)" /> <img src="/community/styles/apfeltalk/smilies/SmilingCheeks.png" class="smilie" loading="lazy" alt=":)" title="Smile :)" data-shortname=":)" /></div>

 

[msx3000]

<div class="bbWrapper">hi,<br /> <br /> schreib einfach in dein css in das &quot;body&quot; tag<br /> <br /> font: normal 12px/16px helvetica, verdana, arial, sans serif;<br /> <br /> damit hast du die schrift im gesamten body der seite formatiert. je nachdem welche schrift du möchtest musst du den eintrag ändern, in dem du die gewünschte schrift an erste stelle der schriftarten setzt.<br /> <br /> EDIT:<br /> oh, Du möchtest eine Nicht System Schrift Art, da hat .holger leider recht, wenn die auf dem Rechner nicht vorhanden ist, dann kommen Standart schriften. aber durch die css änderung kannst du wenigstens die gruselige times los werden<img src="/community/styles/apfeltalk/smilies/Wink.png" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /><br /> <br /> grüße <br /> <br /> msx</div>

 

[creative7even]

<div class="bbWrapper">Möglicherweise ein Browserproblem!<br /> <br /> schau mal hier <a href="http://www.apfeltalk.de/showthread.php?t=18268" target="_blank" class="link link--external" rel="nofollow ugc noopener">klick</a></div>

 

[electribus]

<div class="bbWrapper">Mit der Schriftart &quot;Goudy Old Style&quot; wirst du auf dem Mac wenig Erfolg haben, da dies keine &quot;Standard Schriftart&quot; auf dem Mac ist. Es sei denn der User hat diese installiert.<br /> <br /> Warum setzt der Browser nun &quot;TimesNewsRoman&quot; ein? Weil diese die &quot;Standard Schriftart&quot; ist, die im Browser eingestellt ist wenn die angegebene Schriftart im &quot;HTML Dokument&quot; nicht auf dem System verfügbar ist.<br /> <br /> <b>D.h. nun:</b><br /> <br /> Verwende immer eine Schriftart, die 100% zu den Standard's im Web gehören. (z.B. Verdana, Arial, Times usw.) Des Weiteren solltest du nicht nur mit dem &quot;font&quot; Atribut in &quot;css&quot; arbeiten, sondern mit den &quot;font-family&quot; Atribut.<br /> <br /> &quot;font-family&quot; Atribut bedeutet das du damit mehrere Schriften zur Verfügung stellen kannst. Am konkreten Beispiel bedeutet das:<br /> <br /> <b>.font1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }</b><br /> <br /> Die Schriftart &quot;Verdana&quot; wäre in diesem Fall die primäre Schriftart, die der Browser verwendet. Sollte &quot;Verdana&quot; auf dem darzustellenden System nicht zur Verfügung stehen, verwendet der Browser automatisch &quot;Arial&quot;, denn diese steht in der &quot;font-family&quot; an zweiter Stelle. Setzt du nun an erster stelle &quot;Goudy Old Style&quot; ein, wird diese auf &quot;Windows&quot; angezeigt und auf dem Mac wahrscheinlich Arial, da &quot;Goudy Old Style&quot; auf dem Mac standardmäßig nicht verfügbar ist. Somit umgehst du, dass das System &quot;&quot;TimesNewsRoman&quot; anzeigt.</div>

 

[msx3000]

<div class="bbWrapper">du kannst auch alle informationen füe schrift in ein tag setzen:<br /> <br /> <b><span style="color: DarkRed"><span style="color: Black">font: </span>normal</span> <span style="color: RoyalBlue">12px/16px</span> </b><span style="color: DarkGreen"><b>arial, verdana, helvetica, sans-serif<span style="color: Black"> ;</span></b><br /> <br /> <span style="color: DarkRed">schriftschnitt: normal, bold, oblique<br /> <br /> <span style="color: RoyalBlue">schriftgröße: schriftgröße/ZAB<br /> <br /> <span style="color: DarkGreen">schriftfamilie: erste schrift priorität, sans-serif= nur serifenlose...<br /> <br /> <span style="color: Black">dann musst du nur noch die <span style="color: DarkSlateBlue">color: #f2f2f2;</span> definieren<br /> <br /> dadurch sparst Du dir ein wenig platz im css<img src="/community/styles/apfeltalk/smilies/Wink.png" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /><br /> <br /> gruß<br /> <br /> msx<br /> </span></span></span></span></span></div>

 

[electribus]

<div class="bbWrapper">Warum eigendlich immer diese &quot;Klicki Klacki WYSIWYG-Editor&quot; Methode? Quelltext schreiben ist doch viel direkter, schneller und genauer was das Ergebnis betrifft.<br /> <br /> @msx3000 (du kannst auch alle informationen füe schrift in ein tag setzen)<br /> <br /> Funktioniert leider nicht immer.</div>

 

[msx3000]

<div class="bbWrapper">@ electribus,<br /> ich habe die erfahrung gemacht das es wichtig ist in welcher reihenfolge man die attribute in einem tag setzt. bis jetzt gab es bei mir keine probleme. hast du eine ahnung an welche stelle dann das color-attribut gehört? an den schluss?<br /> <br /> msx</div>

 

[creative7even]

<div class="bbWrapper">Reihenfolge sollte egal sein: z.B.:<br /> <br /> border:1px solid black; == border: solid black 1px;<br /> <br /> meintest du das?</div>

 

[msx3000]

<div class="bbWrapper">ich habe gerade beim font tag die erfahrung gemacht das es für diverse browser (vor allem dem guten alten IE<img src="/community/styles/apfeltalk/smilies/Tongue Winking Eye.png" class="smilie" loading="lazy" alt=":p" title="Stick Out Tongue :p" data-shortname=":p" />) wichtig ist in welcher reihenfolge die attribute stehen. es kann sonst vorkommen das manche attribute gar nicht oder falsch interpretiert werden. mag sein das es bei einer border nicht vorkommt.<br /> das liegt viellleicht an der vererbung von attributen, wenn man etwas weit oben z.B. im body definiert dürfte es eher probleme bei einer falschen reihenfolge geben, als bei einer speziell für ein div oder table definierten border.<br /> <br /> schönen gruß<br /> <br /> msx</div>

 

[creative7even]

<div class="bbWrapper">du hattest recht! Reihenfolge bei font ist einzuhalten, jedoch sind Angaben optional:<br /> <br /> #Text01 { font:bold .9em Times; }<br /> <br /> <br /> siehe auch hier: <a href="http://de.selfhtml.org/css/eigenschaften/schrift.htm#font" target="_blank" class="link link--external" rel="nofollow ugc noopener">klick</a> <br /> <br /> lg</div>

 

[msx3000]

<div class="bbWrapper">demnach muss man die color also doch seperat definieren<img src="/community/styles/apfeltalk/smilies/Wink.png" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></div>

 

[electribus]

<div class="bbWrapper"><blockquote data-attributes="" data-quote="msx3000" data-source="" class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch"> <div class="bbCodeBlock-title"> msx3000 schrieb: </div> <div class="bbCodeBlock-content"> <div class="bbCodeBlock-expandContent js-expandContent "> @ electribus,<br /> ich habe die erfahrung gemacht das es wichtig ist in welcher reihenfolge man die attribute in einem tag setzt. bis jetzt gab es bei mir keine probleme. hast du eine ahnung an welche stelle dann das color-attribut gehört? an den schluss?<br /> <br /> msx </div> <div class="bbCodeBlock-expandLink js-expandLink"><a role="button" tabindex="0">Zum Vergrößern anklicken....</a></div> </div> </blockquote><br /> Ist nicht immer egal. Verwendest du z.B das hier: <br /> <br /> &lt;table border=&quot;0&quot;&gt;<br /> &lt;tr&gt;<br /> &lt;td style=&quot;padding:10px 20px 30px 40px&quot;&gt;<br /> Irgendein Inhalt<br /> &lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;/table&gt;<br /> <br /> ist 10px top, 20px right, 30px bottom und 40px left.<br /> <br /> Man könnte aber auch &quot;padding-top:10px;&quot;, &quot;padding-right:20px;&quot; usw. schreiben.<br /> <br /> Beim &quot;border&quot; ist es wiederum egal wie eben schon gesagt. Du musst also drauf achten, um was für einen tag es sich handelt. <br /> <br /> Bei der Schriftart muss jedoch das &quot;color: #000;&quot; Atribut gesetzt sein. Ist also egal ob es vor &quot;font-family&quot; steht oder hinter &quot;background&quot;.<br /> <br /> Meine Meinung ist; lieber ausführlich schreiben, das ist 100% funktionstüchtig und übersichtlicher wenn's größer ist.</div>

 

[twtwister]

<div class="bbWrapper">Also bei mir sieht die Seite immer gleich aus. Egal ob mit Firefox auf Linux, Konqueror auf Linux oder Internet Explorer auf Windows XP (läuft aber auf VMWare unter Linux). Der Textfont ist immer Arial oder ähnlich.<br /> <br /> Auf dem Mac kann ich es nicht testen, weil in der Arbeit keiner steht!<br /> <br /> Gruß <br /> <br /> Thomas</div>

 

[electribus]

<div class="bbWrapper"><blockquote data-attributes="" data-quote="twtwister" data-source="" class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch"> <div class="bbCodeBlock-title"> twtwister schrieb: </div> <div class="bbCodeBlock-content"> <div class="bbCodeBlock-expandContent js-expandContent "> Also bei mir sieht die Seite immer gleich aus. Egal ob mit Firefox auf Linux, Konqueror auf Linux oder Internet Explorer auf Windows XP (läuft aber auf VMWare unter Linux). Der Textfont ist immer Arial oder ähnlich.<br /> <br /> Auf dem Mac kann ich es nicht testen, weil in der Arbeit keiner steht!<br /> <br /> Gruß <br /> <br /> Thomas </div> <div class="bbCodeBlock-expandLink js-expandLink"><a role="button" tabindex="0">Zum Vergrößern anklicken....</a></div> </div> </blockquote><br /> Weil Deine Systemschrift wahrscheinlich &quot;Arial&quot; <i>oder sowas</i> ist. Wurde aber schon gesagt was passiert wenn die im &quot;HTML Dokument&quot; angegebene Schriftart nicht verfügbar ist.</div>

 

[msx3000]

<div class="bbWrapper">ich bekomme immer die times zu sehen ( im IE und Firefox, ebenso mac lose Arbeit<img src="/community/styles/apfeltalk/smilies/Tongue Winking Eye.png" class="smilie" loading="lazy" alt=":p" title="Stick Out Tongue :p" data-shortname=":p" />)<br /> <br /> allerdings erscheint der schriftgrad im firefox um einiges größer, das könnte daran liegen das als schriftgrößen-einheit em und nicht px verwendet wird. <br /> -px ist eine genaue pixelangabe für die schriftgröße.<br /> -em ist eine relative angabe abhängig von der standart größe des browsers<br /> <br /> msx</div>

 

[messia04]

<div class="bbWrapper"><blockquote data-attributes="" data-quote="electribus" data-source="" class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch"> <div class="bbCodeBlock-title"> electribus schrieb: </div> <div class="bbCodeBlock-content"> <div class="bbCodeBlock-expandContent js-expandContent "> Weil Deine Systemschrift wahrscheinlich &quot;Arial&quot; <i>oder sowas</i> ist. Wurde aber schon gesagt was passiert wenn die im &quot;HTML Dokument&quot; angegebene Schriftart nicht verfügbar ist. </div> <div class="bbCodeBlock-expandLink js-expandLink"><a role="button" tabindex="0">Zum Vergrößern anklicken....</a></div> </div> </blockquote> Die angegebene Schriftart hat jeder...<br /> <br /> Wie gesagt, habe ich auch diese 'Goudy...' Schrift mit ARIAL geändert und trotzdem erscheint alles in TimesNewRoman.<br /> Wie gesagt nur auf meinem iBook kommen die schriftarten korrekt raus....<br /> <br /> <br /> Edit: <b>Wie sieht die Schrift jetzt eigentlich bei euch auf PC/Mac aus??</b></div>