Neue Schriftart-Familie einbinden

  • Hallo ZP-Team,

    mich interessiert, ob ich eine weitere Schriftart-Familie, welche in meinem Layout nicht zur Verfügung steht dazu installieren kann.
    In meinem Fall "Open Sans Condensed". Im Layout "Clean Style" ist diese bereits vorinstalliert. Möchte jedoch nicht gleich auf dieses Layout (nur wegen der Schrift) umsatteln.

    Gruß Rico

  • Hallo ZP-Team,

    ich schließe mich der Frage vom Rico an.

    Auch mich würde interessieren, ob dies möglich ist und wenn ja wie?

    Gruß
    Jochen

    Gruß
    Jochen

  • Hallo,

    und wie installiere ich meine gewünschte Font in ZP?
    In die default.html habe ich bereits die Einträge vorgenommen, jedoch wird die neue Schrift nach Aktualisierung von ZP zwar angezeigt, aber man kann diese nicht verwenden.
    Würde mich über eine kleine Schritt für Schritt Anleitung freuen ;)

    Danke und Gruß Rico

  • Hallo,

    da ja keine weitere Antwort zur Einbettung einer neuen Schriftart erteilt wurde, habe ich hier für alle Interessenten eine nützliche Schritt für Schritt- Anleitung gefunden.
    Hinweis: Bitte auch die Kommentare unterhalb verfolgen!

    Link:
    http://www.elmastudio.de/typografie/die…ont-api-nutzen/

    Gruß Rico

    PS: Mich interessiert trotzdem, wie ich eine neue Schriftart DIREKT IN ZP EINFÜGEN KANN!

  • Hallo Rico,

    ehrlich gesagt verstehe ich grad nicht ganz was Du mit "direkt in ZP einfügen" meinst. :?:

    Grüße aus Göppingen

    Daniel Friedrich

  • Hallo Daniel,

    ok, ganz einfach ;)
    Beispiel:
    Wenn ich einen neuen Artikel schreibe, habe ich die Möglichkeit eine Schrift auszuwählen.

    1. Wo muss ich meine "neue Schrift", welche ich dazu haben möchte installieren/einfügen damit diese angezeigt/auswählbar ist?
    2. Ich habe es in der default.html versucht, jedoch wird diese nicht angezeigt. Weder unter "Darstellung konfigurieren" noch im Texteditor, wenn ich einen neuen Artikel verfasse.

    Gruß Rico

  • Hallo Rico,

    ich dachte Du möchtest generell auf eine andere Schriftart umstellen. In diesem Fall wären lediglich 2 Anpassungen vorzunehmen:

    1. Google-Link wie auf Google beschrieben in den Head-Bereich der default.html einfügen:

    z.B.

    Code
    <link href='http://fonts.googleapis.com/css?family=Supermercado+One' rel='stylesheet' type='text/css'>

    2. Im Zeta-Producer-Designer unter "Allgemein" -> "Schrift" -> "Schriftfamilie" den Namen der Schrift manuell eingeben.

    Danach alles neu erstellen. Fertig.


    Ganz so einfach, dass man die gewünschte Schrift quasi "installieren" kann und sie danach zur Auswahl steht ist es zwar nicht (und das ist so auch nicht möglich), aber die Einstellung macht man ja nur einmal und der Rest macht CSS.

    Deshalb -> Hände weg von der manuellen Schriftart-Auswahl im Artikel-Editor.

    Grüße aus Göppingen

    Daniel Friedrich

  • Hallo Daniel,

    werde das später mal versuchen. Danke für den Hinweis.
    Ich hätte einen Vorschlag:
    Das Beste wäre doch, dass in allen Layouts die gleichen Fonts vorzufinden sind.
    Z. B. Open Sans Condensed - diese hätte ich gern auch in einem anderen Layout vorgefunden :)


    Gruß Rico

  • Also ich habe die Erklärung nicht verstanden. Was muss ich wo aufrufen und eingeben, damit ich die google fonts nutzen kann, das wird hier jemandem ohne html Kenntnisse nicht klar.

    Andere Schriften als die handvoll mittelmäßigen abgegriffenen Standards nutzen zu können ist denke ich ein ganz wesentliches zentrales Feature, dessen Bedeutung man gar nicht überschätzen kann. Ihr von ZETA würdet euch selbst einen sehr großen Gefallen tun, wenn ihr den Benutzern gescheit erklären würdet wie man das benutzt und zwar genau denen für die das Wort html ein Fremdwort ist (also genau das Publikum, das ZETA Producer benutzt) und wenn ihr in zukünftigen Versionen die Einbindung erleichtert.

    Ich werde jetzt halt auch gucken, dass ich mich irgendwie durchwurstle und das gebacken krieg (worauf ich eigentlich genau KEIN Bock hab und weswegen ich Zeta Producer bisher so toll fand, das ist jetzt für mich das erste Mal wo ich sagen muss, nur mittelmäßig!)

    Einmal editiert, zuletzt von JohannesH (12. Februar 2014 um 06:22)

  • Hallo,
    Webfonts, die per Link auf eine CSS-Datei eingebunden werden (z.B. Google Fonts) können Sie in Zeta Producer z.B. folgendermaßen nutzen:

    • Suchen Sie sich den gewünschten Webfont bei einem der vielen Anbieter aus.
    • Die meisten Anbieter liefern ihnen einen Code-Schnipsel auf eine CSS-Datei, der in Ihrer Website eingebunden werden muss. Das kann dann z.B. so aussehen: <link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
    • Notieren Sie sich auch den Namen der Schriftart (Groß- Kleinschreibung bitte beachten)
    • Kopieren Sie den Code-Schnipsel mit STRG-C (oder CMD-C) in Ihre Zwischenablage.
    • Öffnen Sie Ihr Projekt in Zeta Producer
    • Klicken Sie im Menü "Website" auf "Erweitert > Attribute" um die Attributsbearbeitung zu öffnen.
    • Klicken Sie unten links auf den Button "Aktionen" und stellen Sie sicher, dass die Option "Geerbte" gewählt ist (Haken ist gesetzt).
    • Nun sehen Sie im Fenster eine Liste von Attributen. Suchen Sie das Attribut mit dem Namen "additional_meta"
    • Doppelklicken Sie auf das Attribut "additional_meta" um es zu bearbeiten
    • Fügen Sie nun den Code-Schnipsel aus Ihrer Zwischenablage mit CTRL-V in das Textfeld ein
    • Klicken Sie auf den Button "OK" um die Änderungen zu speichern und schließen Sie das Fenster mit den Attributen.
    • Öffnen nun den Layouteditor (Menü Website > Layout).
    • Überall, wo Sie hier Namen von Schriftarten eingeben können, können Sie nun auch den Namen Ihres "Webfont" eingeben, also wir im Beispiel hier gezeigt z.B.: Russo One – besteht der Name der Schriftart aus mehreren Worten, dann setzen Sie den Namen bitte in einfache Anführungszeichen also z.B.: 'Rosso One'


    Beachten Sie dabei bitte:

    • Webfonts müssen zusätzlich geladen werden und verlangsamen daher den Ladevorgang Ihrer Seite etwas.
    • Webfonts sind eine relativ neue Technologie und diese wird nicht von jedem Browser unterstützt.
    • Machen Sie nicht den selben Fehler wie damals, als es mit DTP losging und nutzen Sie alle möglichen Schriftarten gleichzeitig.
    • Nutzen Sie bitte keine Schriftarten, die schlecht lesbar sind

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    • Machen Sie nicht den selben Fehler wir damals, als es mit DTP losging und nutzen Sie alle möglichen Schriftarten gleichzeitig.
    • Nutzen Sie bitte keine Schriftarten, die schlecht lesbar sich

    Es geht natürlich darum, ein GUTES Layout zu machen, nur weil ich kein HTML kann bzw konnte (habe mich jetzt deswegen da ein wenig eingearbeitet) bin ich nicht blind oder vollkommen doof ;) Natürlich sehen viele Schriftarten auf einmal dämlich aus und gute Lesbarkeit ist extrem wichtig.
    (editiert)

    Einmal editiert, zuletzt von JohannesH (14. Februar 2014 um 14:21)

  • Das wollte ich auch nicht behauptet haben. Es täte mir leid, wenn das so rübergekommen wäre. Das war eine generelle Bemerkung, da solch ein Hilfetext ja von vielen unserer Nutzer gelesen wird.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • klar, ist auch nicht so rübergekommen! Lieber besser zu viel sagen und auf alles hinweisen, als Dinge auszulassen, das ist finde ich genau die richtige Linie.

  • Hallo Stefan,

    hat sich hieran in Zeta 12 etwas geändert? Im Editor besteht - soweit ich das sehe - in der kostenlosten Testversion keine Möglichkeit, den Schriftnamen hinzuzufügen. Bei mir betrifft das die Titelschrift unter Logo/Webname. Oder habe ich eine Eingabemöglichkeit übersehen?

    vg Regine

  • Hallo,

    so wie ich das bis jetzt gesehen habe, hat sich in der 12er damit nichts geändert.

    Was wirderrum bedeutet, das die Anleitung auch in der 12er gehen sollte: Neue Schriftart-Familie einbinden

    Kannst es ja mal damit versuchen.
    Vielleicht klappt es ja damit?....

    Gruß
    Jochen

    Gruß
    Jochen

  • Es scheint sich ja nun doch etwas geändert zu haben... (in Vers. 12)

    1.) der Link zur Anleitung funktioniert nicht mehr (Post vom 1.3.14)
    2.) der Post vom 12.2.14 funktioniert in soweit nicht, dass bei der Auswahl der Fonts (oben Punkte 12 und 13) nur die im Drop-Down-Auswahlfeld bereits vorhandenen Fonts auswählbar sind - hier ist kein freier Text eingebbar.

    Mache ich was falsch oder gibts da mittlerweile einen anderen Workaround??

    Grüße, DJQuickWilli

    Man sollte sich bewußt sein, dass es immer jemanden gibt, der von einer Sache mehr Ahnung hat, als man selbst - idealerweise kennt man den auch und kann fragen....
    Es gibt keine dummen Fragen - nur dumme Antworten!

  • Hallo,

    die Verlinkte Anleitung ist gleich hier oben im Artikel. Da wir die Forumsoftware aktualisiert hatten, haben sich die Links verändert und die alten links wurden ungültig. Ich sehe mal ob wir das so einrichten können, dass die alten links auch wieder funktionieren.

    Sie haben aber recht, dass man wohl in ZP12 (ich kann es nicht mal mehr in ZP11 nachvollziehen) den Schriftart-Namen im Layouteditor nicht einfach überschreiben kann. Wir müssen mal intern hier diskutieren, was wie da anbieten können. Einfach eine Freitext-Eingabe zuzulassen ist sehr gefährlich, da der User hier potentiell viel falsch machen kann.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ich nehme an, die eingegebenen Attribute auslesen und mit in die Drop-Down-Auswahl legen ist etwas naiv gedacht, oder ?? ;o))
    So würde der Laie das wahrscheinlich erwarten...
    Oder für Webfonts ein eigenen Bereich einbauen, in dem man dann seine Schriften je nach Anbieter aussuchen und einbinden kann.
    <Klugscheißermodus OFF>

    Man sollte sich bewußt sein, dass es immer jemanden gibt, der von einer Sache mehr Ahnung hat, als man selbst - idealerweise kennt man den auch und kann fragen....
    Es gibt keine dummen Fragen - nur dumme Antworten!


  • ... Wir müssen mal intern hier diskutieren, was wie da anbieten können. Einfach eine Freitext-Eingabe zuzulassen ist sehr gefährlich, da der User hier potentiell viel falsch machen kann.

    Hier würde ich mal einen Vorschlag machen, vielleicht ist dieser sogar zeitnah umsetzbar.

    Es besteht sicherlich die Möglichkeit, die vorhandene Schriftenliste mit einem Update von Zeta-Producer zu erweitern. Warum sammeln wir nicht 6-8 Schriften die im Netz Standard, aber modern daher kommen. Eine Liste findet Ihr hier: http://www.web-praesenz.ch/standard-schriften.html

  • Hallo,

    danke für den Vorschlag. Ganz so einfach ist es leider nicht, da im falle von Webfonts diese ja auch entweder über das CSS oder im HEAD der Seite eingebunden werden müssen. Und da können wir aus Rücksicht auf das Ladeverhalten der Seiten, nicht schon mal auf Verdacht alle möglichen Webfonts einbinden… Aber auf eine vereinheitlichte Liste und daran angeschlossene Logik zum nachladen von Webfonts (falls diese aus der Liste gewählt wurden) wird es wohl hinauslaufen. Evtl. ermöglichen wir auch ein Überschreiben der gewählten Schriftart, dann würde der von mir hier publizierte "Workaround" nämlich prima funktionieren und man könnte beliebige Webfonts einbinden. Mal sehen…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Danke!
    In meiner Antwort hatte ich eigentlich nicht an Webfonts gedacht, sondern NUR an Standardschriften, die leider derzeit nicht ausgewählt werden können. So vermisse ich persönlich z.B. die Trebuchet MS, aber sicherlich geht es vorrangig um den Grundgedanken, normale Fonts und Webfonts bereitzustellen. Da darf ich auf Euren Einfallsreichtum hoffen.

Jetzt mitmachen!

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