Ankündigung

Einklappen
Keine Ankündigung bisher.

[CSS] FF und Arial Narrow

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    [CSS] FF und Arial Narrow

    Hallo zusammen,

    da es auf dauer langweilt immer nur Verdana und Arial zu verwenden, bin ich auf meiner Suche nach neuen Standardschriftarten auf Arial Narrow gestoßen.

    Ausgangscode:

    body {
    font-family: Arial Narrow, Verdana, Arial;
    }
    Mein Problem:
    In Opera und IE funktioniert die Schriftart problemlos, im FF allerdings wird sie überhaupt nicht erkannt und es wird auf die zweite angegebene Schriftart (in meinem Fall Verdana) zurückgegriffen.

    Ich habe bereits einen kleinen Trick gefunden, wie man die Schriftart auch im FF darstellen kann. Das ganze funktioniert wie folgt:

    body {
    font-family: Arial;
    font-stretch: condensed;
    }
    Allerdings verstehen das Opera und der IE nicht.

    Gibt es hierfür eine einfache Lösung?

    Danke vorab!

    #2
    Versuch mal für Firefox

    :root body{
    font-family: Arial;
    font-stretch: condensed;
    }
    und für den Rest

    body {
    font-family: Arial Narrow, Verdana, Arial;
    }
    Ich weiß nicht wie gut die Lösung ist, aber sie scheint zu funktionieren.

    Kommentar


      #3
      ohne gegoogelt zu haben:

      was bedeutet denn :root, bzw was bewirkt es? und wie willst du es denn für "nur" für firefox machen? mit javascript bzw mediaqueries oder wie muss ich das verstehen?

      Kommentar


        #4
        :root ist eine Pseudoklasse die ich auch schon ausprobiert habe bei diesem Problem, leider ohne Erfolg...

        Kommentar


          #5
          Soweit ich das verstanden habe ist :root seit CSS3 eine Pseudoklasse die den IE und Opera nicht bzw. "nur" Firefox und Safari anspricht. Ich hab' aber keine Ahnung was dahintersteckt und ob dadurch neue Probleme auftauchen könnten.

          Kommentar


            #6
            Als Alternative fällt mir momentan eigentlich nur ein mit "letter-spacing" zu experimentieren. Könntest du vll. 'nen Screen von der richtigen Darstellung machen? Bin mir nicht sicher ob Arial Narrow bei mir richtig angezeigt wird. Dann könnte ich da gerne ein bisschen für dich rumprobieren.

            Kommentar


              #7
              Ich bin mir gerade auch nicht mehr so sicher ob das, was ich hier sehe, überhaupt "Arial Narrow" ist... Müsste die nicht eigentlich bei meinen installierten Schriftarten auftauchen? Habe mal nach "narrow" gesucht und nichts gefunden... Oder heißt die im System evtl. anders?

              edit: hier mal ein Screenshot mit "meinem" 'Arial Narrow' bei font-size: 1em;

              http://img135.imageshack.us/img135/7417/screenx.gif

              Kommentar


                #8
                Ich glaube was du für Arial Narrow hälst ist Verdana. Hau bei der font-family mal "Arial Narrow" raus und lass Verdana stehen. Mal schauen ob sich was verändert.

                Kommentar


                  #9
                  Hm, kp ob das ne standard font ist, wenn dann aber wohl eh nur für windows.
                  Hast also stress mit mac und linux nutzern, da sie halt die nächst definierte sehen, ist also irgendwo sinnfrei :/

                  Wie wäre es denn vll mit Open Sans?
                  Könnteste dann per google web fonts einbinden :)

                  http://www.google.com/webfonts

                  Links einfach mal open sans eingeben oder halt selber durchstöbern.

                  Kommentar


                    #10
                    Arial Narrow? Aber sicherlich nicht für Fließtexte, oder? Ich bin zwar als Usability-Schwein verrufen, aber Arial Narrow sollte jeder halbwegs vernünftige Mensch grundsätzlich für Webdesign ablehnen. O.o

                    Musste nicht font-family: "Arial Narrow", Arial, sans-serif; machen? Also mit Anführungsstrichen?

                    Kommentar


                      #11
                      Bin auf der Suche nach Standardschriftarten auf folgende Seite gestoßen:

                      http://www.cayou-media.de/web-typografie-standardschriften-im-internet/

                      Da hab ich Arial Narrow her. Bin jetzt aber auf Open Sans umgestiegen, thx @ YANMAR

                      @p-nut:

                      Das W3-Konsortium empfiehlt, Schriftartnamen, die Leerzeichen enthalten, in Anführungszeichen zu setzen, also z.B. font-family:"Century Schoolbook",Times. Sie können dazu die doppelten oder die einfachen Anführungszeichen (Hochkomma) verwenden
                      Quelle

                      @all: Ich habe jetzt nochmal in meinen Schriftarten geschaut und mal auf Arial geklickt. Da gibt es bei mir neben Arial Standard, Arial Fett, Arial Kursiv und Arial Fett Kursiv das selbe auch für Arial Halb Schmal (also Arial Halb Schmal, Arial Halb Schmal Fett, Arial Halb Schmal Kurisv und Arial Halb Schmal Fett Kursiv). Da 'narrow' ja schmal bedeuten kann, nehme ich mal an, dass 'Arial Narrow' sich dann auf diese "Klasse" von Schriftarten bezieht, also "Arial Halb Schmal". Könnt ihr mal checken, ob es dieses "Arial Halb Schmal" bei euch auch gibt?

                      Kommentar


                        #12
                        Zitat von YANMAR
                        Hm, kp ob das ne standard font ist, wenn dann aber wohl eh nur für windows.
                        Hast also stress mit mac und linux nutzern, da sie halt die nächst definierte sehen, ist also irgendwo sinnfrei :/
                        Gerade nachgeschaut: Habe bei meinem Ubuntu trotz installiertem ttf-mscorefonts package kein Arial Narrow.

                        Ich würde auch auf webfonts setzen. Oder wenn du unbedingt Arial Narrow willst sIFR nehmen.

                        Kommentar


                          #13
                          Ich find sIFR immer problematisch, da man ja nicht die Rechte an den Schriften zur Veröffentlichung im Netz hat. ;)

                          @JHK: Ja wusste ich. Hab es nur erwähnt, weil du sie nicht in Anführungsstrichen gesetzt hast. Wollte nen einfachen Fehler ausschließen.

                          Nimm bitte die verlinkte Seite nicht als Maßstabe.

                          1. Ist Arial Narrow keine Serifenschrift.

                          2. Zählen die dort "Standard"-Schriftarten im Netz auf, die es teilweise nur unter Windows bzw. Mac gibt. Helvetica ist nicht üblicherweise unter Windows verfügbar (und nein, es ist nicht das Äquivalent zu Arial!), Comic Sans nicht unter Mac (dass man davon die Finger lassen sollte, ist klar), Trebuchet MS nicht unter Mac.

                          3. Zeigen die Ersteller selbst kein Plan von Typografie. Gemessen am Schriftgrad sind die Zeilen zu lang und haben keinen ausreichenden Abstand zu einander.

                          Wenn du dich damit wirklich befassen willst und zum Einen eine schicke Typografie und zum anderen gute Lesbarkeit für viele Medien haben willst, dann schau dir http://webtypography.net/ an.

                          Kommentar

                          Lädt...
                          X