Schriftgröße auf Webseite festlegen

Computer: Software & Programmierung HTML & CSS
#1

Hallo allerseits,

jeder kann ja seine Schriftgröße an seinem Computer über die Browsereinstellung auf 100% oder mehr/weniger einstellen. Meine Webseite sieht mit 100% an meinem Rechner gut aus, auf einem Rechner mit mehr Prozent zum Fürchten - alles haut es durcheinander.

Gibt es einen Trick, die Schriftgröße festzusetzen? Allerdings sollen auch noch Rechner ohne Java oder sonstigen Schnickschnack damit zurecht kommen.

So sieht der Quelltext aus z.B.:

TEXT TEXT TEXT

TEXT TEXT TEXT

Also das font size=3 nützt überhaupt nichts.Bitte helft mir.
Bitte versteht, dass ich dieses Problem zweifach auch noch in Programmierung o.ä. poste, weil man das vielleicht nicht mit html alleine lösen kann.

Viele Grüße
Sonja

#2

Hi,
wenn du die Schriftgröße nicht mit dem veralteten Font-Tag angibst, sondern mit Cascading Style Sheets, dann gehts (Einfach mal nach CSS und Schriftgröße googlen)

Ralph

#3

Hallo Sonja

So sieht der Quelltext aus z.B.:

TEXT TEXT TEXT

TEXT TEXT TEXT

Also das font size=3 nützt überhaupt nichts.Bitte helft mir.

Du musst den Text schon innerhalb von

Text

schreiben, dabei handelt es sich aber auch um eine relative Größe. Sie hängt also auch von der Eingestellten Schriftgröße ab. http://selfhtml.teamone.de/html/text/schrift.htm#art…

Du kannst es aber auch mit CSS versuchen, z.B.

12 Punkt-Arial

http://selfhtml.teamone.de/css/eigenschaften/schrift…

Gruß

Sebastian

#4

Hi Sonja,

dass auch relativ und absolut absolut relativ sind zeigen folgende Beispiele:

http://www.grassegger.at/winmac/

CU (M)ike

#5

Hallo Sonja!

Gibt es einen Trick, die Schriftgröße festzusetzen? Allerdings

Ich löse das Problem normalerweise mit relativen Angaben per Stylesheet und überlasse es dem Besucher, wie er seinen Browser einstellt. Beispiel:

 body { font-size:0.9em; font-family:Arial,Helvetica,sans-serif; }
 h1 { font-size:200%; }
 h2 { font-size:170%; }
 h3 { font-size:150%; }
 p { font-size:100%; } /\* nur als Beispiel \*/
 p.small { font-size:80%; }

Verstehen musst Du bei der Schriftgrössenwahl nur, dass Du eventuell etwas grosszügiger mit der Raumaufteilung der Web-Seite umgehst und eventuell auch Tabellenbreiten relativ (z.B. width=„98%“) angibst. In einzelnen Tabellenzellen, die evtl. leer sind und „weggedrückt“ werden sollen, ist zudem auch eine negative Angabe (width="-1") möglich.

Das erlaubt alles in allem, dass der Text bei grösserer Einstellung im Browser des Besuchers immer noch „vernünftig“ umbricht/umfliesst.

So sieht der Quelltext aus z.B.:

TEXT TEXT TEXT

TEXT TEXT TEXT

Für Dein Bsp. sähe das dann z.B. so aus:

 \<!-- 
 /\* durch Import externes Style einbinden \*/
 @import url(/pfad/stylesheet.css);
 /\* oder direkt notieren: \*/
 body { font-size:1em; 
 font-family:Arial,Helvetica,sans-serif; 
 /\* auf weitere Schriften "besser" verzichten \*/
 background-color:#000000; }
 p { font-size:100%; color:white; }
 /\* weitere Formate... \*/
 --\>

 &nbsp;

 TEXT TEXT TEXT 

 TEXT TEXT TEXT

Das sollte helfen!

Wesentlicher Vorteil des CSS: schnelle Style-Änderung der ganzen Site über 1 zentrales Stylesheet. Die ganze aufbauschenden -Tags im Quelltext fallen einfach weg.

Zu CSS-Stylesheets empfehle ich ansonsten z.B.

den Einstieg über:
http://www.html-workshop.de/
http://www.drweb.de/
http://www.siteform.de/tutorials/Style.html

Tools zum Erstellen von CSS:
http://idlabs.org/css/mill/ (online)
http://www.htmlhelp.com/tools/csscheck/ (online)
http://www.styleassistant.de/ (Offline-Tool)

Zum Überprüfen den Syntax:
http://jigsaw.w3.org/css-validator/

CU DannyFox64