Neue Schriftarten hinzufügen

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Schriftarten einfügen? Du kannst im Stylesheet deines Themes die Vorgaben für die Schrift in deinem Blog verändern. Lies dich dafür in folgende Themen ein:
    CSS (Cascading Style Sheets), um die Textformatierungen zu ändern,
    HTML (HyperText Markup Language), um die mit CSS formatierten Tags und Klassen im Theme zu finden,
    WordPress-Themes, um zu verstehen, wo du was suchen musst.

    Wenn du Fragen hast, frag einfach :) Aber das solltest du wenigstens ein wenig angelesen haben, um zu verstehen, worum es geht :)

  • Ich stell die Fragen natürlich auch zum Nutzen der Community ;):)
    Interessant wäre für mich z.b. zu wissen, wie man neue Schriftarten überhaupt integrieren kann.. Die müssen dann ja auch irgendwo runtergeladen werden oder nicht?
    Werd mich heute abend nochmal genauer damit beschäftigen, denk ich ;)
    Aber danke schonmal!

    Einmal editiert, zuletzt von Sagehorn (7. April 2011 um 10:55)

  • Nein, für gewöhnlich nicht. CSS teilt dem Browser lediglich mit, wie er die Seite darzustellen hat. HTML und CSS sind eben keine Programmiersprachen, die Umsetzung vom Text zu dem, was du auf dem Bildschirm siehst, erfolgt immer auf dem Rechner des Betrachtenden.

    Wenn du nun also in CSS festlegst, welche Schriftart für die Anzeige verwendet wird, sagst du lediglich dem Browser, dass er auf dem Rechner des Betrachters nach dieser Schriftart suchen soll und die Seite in ebendieser (oder einer festgelegten Alternativschriftart) anzeigen.
    Du musst also keine Schriftart auf den Server laden, sondern lediglich mit CSS dem Browser sagen, wie er die Seite darzustellen hat.

    Übrigens wird auch aus diesem Grund eine Internetseite mit verschiedenen Browsern unterschiedlich dargestellt. Nicht jeder Browser kann alle ANweisungen interpretieren und nicht jeder Browser interpretiert eine Anweisung so, wie die anderen.

  • Okay, allerdings hat ja kaum jemand die Schriftart, wenn sie etwas ausgefallener ist.. Was ist für solche Fälle vorgesehen? ;)
    Kommt da nur die manuelle Installation durch den Enduser in Frage?

  • Für solche Fälle gibt es Javascript und beispielsweise die Google Font Api, die es dir erlaubt, bestimmte besondere Schriften auf deiner Website einzusetzen:

    http://www.google.com/webfonts

    Ansonsten ist es nunmal so, dass es im Web nur eine beschränkte Auswahl an Schriften gibt (Webfonts), die man auch wirklich einsetzen kann, da sie auf 99% der Computer installiert sind. Zum beispiel die Arial, Tahoma oder Verdana.

  • Wehe du installierst auf meinem PC ungefragt irgendwelche Dateien :!:

    Aber Spaß beiseite: Bediene dich an den allgemeinen auf allen PC verfügbaren Schriftarten/-familien, was das ist kannst du unter den angebenen Links nachlesen. Ansonsten beachte, dass eine Internetseite kein Druckerzeugnis ist oder sein kann. Besondere Schriften die zur Gestaltung des Layouts gehören sollen, kannst du auch als Grafik einbinden.

  • Eine Alternative zu den Google Webfonts wäre die Arbeit mit Cufon (http://cufon.shoqolate.com/generate/):

    Kurzberichte dazu:


    Es gibt zwei Plugins, die die Arbeit damit erleichtern:



    Du musst nur beachten, dass die gewählte Schrift auch Umlaute und ß darstellen kann. Wenn Du's ausprobierst, schreib' doch wie's Dir gegangen ist.

    http://www.ewerkzeug.info/ - Tipps zu Wordpress, Suchmaschinen, Newsletter und mehr.

    Einmal editiert, zuletzt von hedu (7. April 2011 um 07:14)

  • Das ganze geht eigentlich recht einfach mit dem @font-face Befehl:

    1. Font aussuchen. (z.B. fontsquirrel.com)
    2. Runterladen
    3. im Wordpress Theme-Ordner einen neuen Ordner mit dem Namen fonts (oder ähnliches) erstellen und die Schrift dort einfügen
    4. In die style.css gehen und dort das hier hinzufügen (Schriftart natürlich ausstauschen):

    PHP
    @font-face {
        font-family: TheanoDidot-Regular;
        src: url ("/fonts/TheanoDidot-Regular.ttf") format("truetype");
        }

    Wichtig: Font muss im .ttf-Format vorliegen.
    Dann kannst du einfach den headlines die Schriftart zuweisen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!