So ändern Sie die Standard schriftart für alle Texte jQuery Mobile

Ich versuche zu überschreiben, jQuery mobile Standard-schriftart für meine gesamte website.

Habe ich gesehen, dass es die jQuery theme roller, aber ich denke, es ist ein wenig zu viel hinzufügen, um ein ganzes Thema nur um die schriftart zu ändern.

Ist es ein Selektor in css, die mir helfen würden, wählen alle die Texte dann bewerben Sie sich meine schriftart?

  • Verwenden Sie Ihre Entwickler-tools, die in den meisten modernen Browsern können Sie wählen Sie ein element auf der Seite und sehen, welche CSS-Regeln auf das element, Sie werden auch in der Lage, um zu sehen, genau das, was Leitung der style-sheet-code gefunden werden kann. F12 scheint die standard-Möglichkeit für den Zugriff auf Entwickler-tools.
InformationsquelleAutor Distwo | 2012-12-20
  1. 2

    Alles, was Sie tun müssen, ist Blick auf das jQuery-Mobile, CSS, herauszufinden, was der Selektor font gerade eingestellt ist, und dann außer Kraft setzen-Wert für diesen Selektor in Ihre eigene CSS.

    • Also es gibt keinen Selektor, um wählen Sie alle Texte auf einmal (inklusive labels, buttons, ...)?
    • html { ... } würde die schriftart für die gesamte Seite, aber Sie brauchen, um eine Auswahl als spezifischer oder genauer als das jQuery-Mobile-Selektor überschreiben, wird der Wert (sonst die jQuery-Mobile-Selektor würde haben Vorrang).
    • Aus vielen Gründen, Ist eine sehr schlechte Idee zu ändern, JQuery Mobile CSS. Erstellen Sie einfach Ihren eigenen Stil und setzen die JQM-font.
    InformationsquelleAutor Justin Niessner
  2. 5

    Lösung

    Können Sie einfach legen Sie es wie folgt:

    * {
    font: 14px Calibri,Arial !important;
}

    Hier ein Beispiel:

    http://jsfiddle.net/Gajotres/AzXdT/

    Abschließende Anmerkungen

    Wenn Sie möchten, finden Sie weitere Informationen zum anpassen jQuery-Mobile-Seite und widgets, dann nehmen Sie einen Blick auf diese Artikel. Es kommt mit einer Menge von arbeiten, Beispiele, einschließlich, warum ist !wichtig notwendig für jQuery Mobile.

    InformationsquelleAutor Gajotres
  3. 0

    Müssen Sie die folgende Zeile in der jquery-mobile, css-Datei, und ändern Sie die Schrift zu spezifizieren die man will.

    .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button {
    font-family: Helvetica,Arial,sans-serif;
}

    Wenn Sie mit der -b, -c etc. Stile müssen Sie auch ändern Sie

    InformationsquelleAutor Adam Cooper
Schreibe einen Kommentar