proover: Schriftoptimierung

Hi,

welche Kombination von Fonts/Größe verwendet Ihr um Schriften für verschiedenste Browser zu optimieren?
Speziell unter Linux gibt es doch massiv Probleme mit der Darstellung.
Welche Option der Gößenangabe ist am sinnvollsten?
<font size='-1'>, feste Angabe <font size='4'>, Verwendung von CSS?

Thanx, Markus

  1. Hallo,

    welche Kombination von Fonts/Größe verwendet Ihr um Schriften für verschiedenste Browser zu optimieren?
    Speziell unter Linux gibt es doch massiv Probleme mit der Darstellung.

    Ich benutze seit einiger Zeit Perlskripte, die die Stylesheetangaben abhängig vom Browser/Betriebssystem ausgeben.

    Du gibst im <link> Tag einfach den URL des Skriptes an, dieses muss dann den Content-type "text/css" zurückgeben, gefolgt von den Stylesheet-Angaben.

    Gruß Henk

    1. Hi,

      Ich benutze seit einiger Zeit Perlskripte, die die Stylesheetangaben abhängig vom Browser/Betriebssystem ausgeben.

      Hmmm... ist auch eine Möglichkeit. Aber gibt es vielleicht auch Kombinationen die unter den meißten Browsern brauchbar aussehen?

      Thanx, markus

      1. Hmmm... ist auch eine Möglichkeit. Aber gibt es vielleicht auch Kombinationen die unter den meißten Browsern brauchbar aussehen?

        Du wirst immer das Problem haben, das Schriften unter MacOS und Linux/Unix kleiner dargestellt werden als auf Windows-Pcs.

        Wenn Du die Schriften überall gut lesbar haben willst, musst Du eine grössere Schrift wählen, die dann unter Windows im Zweifel "riesig" aussieht...

        Gruß Henk

      2. HI,

        ich habe mich vor kurzem auch mit diesem Thema beschäftigt.

        http://grassegger.at/winmac/ <-- hier mein Ergebnis.

        mfg Rene

        1. Hi Rene

          Dickes LOB! :)

          Sowas wie dein sniffer.js wollte ich auch schon in Angriff nehmen!

          Ich konnte bisher CSS nicht nutzen, weil das Fontproblem den Navigation-
          frame "pervertiert" hat, ohne dass der User korrigierend eingreifen konnte!

          Eine Frage noch:

          Die writeln der CSS-definitionen sollten moeglichst im head erfolgen,
          oder?

          Viele GrueBe Rolf

          1. Hi Rolf,

            Dickes LOB! :)

            Danke!

            Sowas wie dein sniffer.js wollte ich auch schon in Angriff nehmen!

            Machs wie ich. Nimm dir meines und bau es nach deinen Dingern um.

            Ich konnte bisher CSS nicht nutzen, weil das Fontproblem den Navigation-
            frame "pervertiert" hat, ohne dass der User korrigierend eingreifen konnte!

            aha (muss ich nicht verstehen, oder?)

            Eine Frage noch:

            Die writeln der CSS-definitionen sollten moeglichst im head erfolgen,
            oder?

            Du meinst das [meta http-equiv="Content-Style-Type" content="text/css"] ?? <---das kommt in den Head, oder kannst du mir erklären, was du meinst?

            Bis morgen Rene

            1. Hi Rene,

              Die alten Fragen haben sich schon erledigt, versuch mich kuenftig
              genauer zu fassen (sorry ;)

              Mal ne andere Frage:

              Schonmal damit experementiert die CSS-Schriftgroeße dynamisch
              der Bildschirmaufloesung anzupassen??? (große aufloesung =große Schrift)

              Viele GrueBe Rolf

              1. Hi Rolf,

                Die alten Fragen haben sich schon erledigt, versuch mich kuenftig
                genauer zu fassen (sorry ;)

                Das kenn ich gut, ich schreibe immer die Hälfte und denke mir den Rest! *seufz* ;-)

                Schonmal damit experementiert die CSS-Schriftgroeße dynamisch
                der Bildschirmaufloesung anzupassen??? (große aufloesung =große Schrift)

                Habs gestern mal bei der XHTML Übersetzung in Deutsche gesehen.
                (glaub ich)

                http://www.w3.org/StyleSheets/TR/W3C-REC.css
                Sie habe dort für die Schriftgrösse der Überschriften Prozent verwendet.

                Auch "em" ist nur eine relative Größe und daher zum einem gewissen Teil dynamisch, oder?

                Man könnte vielleicht mit einem Javascript eine Funktion schreiben, die die Fenstergrösse oder Auflösung...errechnet und dann mit document.write ein Stylesheet zuweisen?!

                Vielleicht hat Henk etwas in dieser Richtung schon mal gemacht?

                Servus Rene

                1. Hi Rene,

                  Sie habe dort für die Schriftgrösse der Überschriften Prozent verwendet.

                  Auch "em" ist nur eine relative Größe und daher zum einem gewissen Teil dynamisch, oder?

                  Leider ist Schriftformatierung mit CSS fuer mich Neuland!
                  Aber ich kenn da ein gutes HTML-Komependium in das ich gkleich reinklicke *g*

                  Man könnte vielleicht mit einem Javascript eine Funktion schreiben, die die Fenstergrösse oder Auflösung...errechnet und dann mit document.write ein Stylesheet zuweisen?!

                  Vielleicht hat Henk etwas in dieser Richtung schon mal gemacht?

                  Nun das zu hacken dürft kein problem sein, mach ich dir gerne, was mich da
                  eher unruhig macht sind die Testreihen, oh graus ...

                  Tschuess Rolf

                  1. Hi Rolf,

                    Leider ist Schriftformatierung mit CSS fuer mich Neuland!
                    Aber ich kenn da ein gutes HTML-Komependium in das ich gkleich reinklicke *g*

                    An meine Webseiten lasse ich nur Selfhtml und mich!! ;-)

                    eher unruhig macht sind die Testreihen, oh graus ...

                    *grusel* Ich hab mal ein bisschen genug davon, wenn du mehr Links zu dem Thema brauchst:

                    http://www.rfwilmut.clara.net/about/fonts.html
                    http://developer.apple.com/internet/_fonts/fonts_gallery_verd_pt.html
                    http://developer.apple.com/internet/_fonts/fonts_gallery_verd_px.html

                    Servus Rene

        2. ich habe mich vor kurzem auch mit diesem Thema beschäftigt.

          http://grassegger.at/winmac/ <-- hier mein Ergebnis.

          Das ist ja sozusagen der gleiche Ansatz wie bei mir, nur clientseitig...

          Nachteil: geht nur, wenn JS aktiviert ist.
          Vorteil: ist sicher schneler als die CGI-Variante

          Da muss dan jeder selbst wissen, was ihm wichtiger ist... ;-)

          Gruß Henk

          1. HI,

            Das ist ja sozusagen der gleiche Ansatz wie bei mir, nur clientseitig...

            Da ich von CGI´s noch weniger Ahnung als von Javascript(knowledge >= 0,000012 %  *LOL*)habe, gabs nur die Variante.

            ...ich habe vor einigen Tagen mal von ner Lösungsweise mit PHP gelesen. Hast du/Habt ihr damit Erfahrung?

            Servus Rene

            1. ...ich habe vor einigen Tagen mal von ner Lösungsweise mit PHP gelesen. Hast du/Habt ihr damit Erfahrung?

              Ja, man kann in PHP wunderbar Dateien "includen" (bzw. "requiren" ;-):

              <html>
              <head>

              <title>Titel</title>

              <? require ("datei.php"); ?>

              </head>
              etc.

              Die Datei "datei.php" enthält dann (u.a.) eine print-Anweisung, die Stylesheets browserabhängig auswirft.

              Gruß Henk

          2. Hallo Henk

            Nachteil: geht nur, wenn JS aktiviert ist.

            Ob CSS aktiviert ist ist dann leider oft auch noch die Frage :(

            Viele Grueße

        3. Hallo Rene!

          http://grassegger.at/winmac/ <-- hier mein Ergebnis.

          Ich hoffe, Du hast nichts dagegen:

          http://www.atomic-eggs.com/temp/compare.html#a6

          Grüße,
          Patrick
          <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>

          1. Hallo Patrick,

            <brustanschwell>

            http://www.atomic-eggs.com/temp/compare.html#a6

            </brustanschwell>

            Nö!

            Servus Rene

  2. Hi Leute,

    vielleicht hilft manchen dieser Link?

    http://www.eit.ihk-edu.dk/instruct/browsersniffing.php

    Browsersniffer mit CGI,PHP, Javascript...

    Servus