Schriftart in einen einzelnen Beitrag einbinden

  • Hallo,


    Wie schon im Titel geschrieben möchte ich eine Google Schriftart in einem bestimmten Beitrag einbinden.
    Die Schriftart soll nur im Beitrag XY so sein, überall anders möchte ich weiterhin meine Standard ausgewählte Schriftart behalten.
    Könnte mir dabei vlt jemand helfen?

  • Du möchtest nur in dem Beitrag den Google-Font laden?
    oder
    der Font ist auf allen Seiten schon verfügbar, z.B. durch/im Template oder CSS-Datei geladen und du möchtest ihn nur in diesem 1 Beitrag verwenden?


    Wird der Beitrag über einen eigenen Menüeintrag angezeigt?
    oder
    ist es bspw. ein Beitrag innerhalb eines Kategorieblogs, einer von mehreren?

  • Hallo und danke erstmal.
    Es wäre gut, wenn ich den Font in allen Beiträgen theoretisch zur Verfügung hätte, aber ich darüber bestimme in welchem Beitrag er geladen wird. ( die andere Möglichkeit würde mir aber auch ausreichen)
    Der Beitrag wird durch einen eigenen Untermenü Punkt angezeigt.
    Es ist einer von mehreren Beiträgen in einer Kategorie.
    Konkret handelt es sich um diese Seite. In der obersten Tabelle möchte ich eine gesonderte Schriftart haben. Der Rest der unten steht, wird gelöscht.


    http://karitage.de/index.php/pedigree-kate

  • An einem Beispiel. Ich habe mich bei Google für einen Font entschieden:
    https://fonts.google.com/specimen/Open+Sans


    Ich klicke oben Select this Font.
    Unten geht ein Panel auf (Family selected).
    Darunter ein Link

    Code
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">


    Den fügst du in deinem Template im HEAD-Bereich ein also irgendwo zwischen <head> und </head>. Ich schieb ihn meistens direkt vor das schließende </head>


    Damit ist die Schriftart geladen und verfügbar.


    Weiters im Panel ein Hinweis wie du den Font im CSS verwendest.


    Code
    font-family: 'Open Sans', sans-serif;


    Ich würde mir also in einer der CSS-Dateien des Templates eine eigene Klasse definieren. z.B.


    CSS
    .mein-font{font-family: 'Open Sans', sans-serif !important;}


    Wenn ich dann einen Absatz mit dieser Schrift will, zeichne ich ihn wie folgt im Editor aus


    Code
    <p class="mein-font">
    blah blah
    </p>


    Bei dir halt die <table oder die <td oder was auch immer mit diese Klasse.


    Das ganze hat den Vorteil, dass du bei späterem Nichtgefallen relativ einfach eine andere Schriftart für alle Stellen verwenden kannst ohne in 1000 Beiträgen rumfuhrwerken zu müssen.
    Änderst den <link und passt die font-family deiner Klasse "mein-font" an. Oder lässt sie einfach leer, wenn gar kein Font mehr gewünscht ist.

  • Irgendwas mache ich falsch.
    Ich habe in der index.php des templates:

    Zitat

    <link href="https://fonts.googleapis.com/css?family=Arima+Madurai" rel="stylesheet">


    eingefügt vor das /head


    dann bin ich in die theme.css (die einzige css in meinem theme) und habe ganz am anfang folgendes eingefpgt:

    Zitat

    .pedigree{
    font-family: 'Arima Madurai', cursive;
    }


    nun habe ich auf http://karitage.de/index.php/pedigree-kate
    einen text eingefügt code:

    Zitat

    <p class="pedigree">
    blah blah
    </p>


    die schriftart ändert sich aber nicht.
    was habe ich denn falsch gemacht?

  • Hallo Christine. Ja, man kann beliebig viele Google-Fonts einbinden, sollte aber aus Performance-Gründen nicht übertreiben. Nett ist ja, dass Google gerne das Laden von Webfonts anmahnt. Oh Logik, oh Logik ;)


    Und ich komm zum selben Ergebnis.
    Ich seh ein

    Code
    <p class="mein-font">
    blah blah
    </p>


    (kein pedigree)


    und finde in der Datei
    /templates/yootheme/css/theme.css
    weder ein .pedigree noch ein .mein-font.


    und keinen oogle-Font.


    Außerdem hast du das !important vergessen, dass man vielleicht sowieso noch verschärfen muss, nachdem du akkes eingerichtet hast.

  • Ich glaube das liegt am Template, dass ich den Eintrag in der css irgendwie oder irgendwo anders vornehmen muss.
    Hab es hier noch mal ausprobiert und darauf geachtet dass alles gleich heißt, aber er lädt die Schriftart nicht.
    Man sieht es hier :
    http://karitage.de/index.php/pedigree
    Zuerst wird Schriftart geladen und man sieht sie, jedoch wenn die Seite vollständig geladen ist, verändert sie sich wieder in die Standard Art