Schriftart in den Shop einbinden Anleitung

Thema wurde von michael_76, 6. Januar 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Ja lese ich gerade. Aber da ist nur von normalen HTML-Seiten die Rede. Das im Shop umzusetzen, dafür bin ich wohl nicht gerade geeignet. Es hat doch keiner gesagt, dass du das machen sollst :) mein Shop -> meine Aufgabe :)
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    @Andreas S. also Fazit der Beschreibung: Es werden gute CSS und HTML Kenntnisse vorausgesetzt, dann wird das nur grob umrissen. Wer sich damit auskennt, kann das sicher umsetzen. Aber wenn ich das probieren würde, glaub ich mehr kaputt zu machen, als richtig. So wie es beschrieben wurde, könnte ich dann alles mit dieser Schrift anzeigen. Es sei denn, ich klammer bestimmte Teile davon aus. So wie du das ja beschrieben hast. Text in Verdana und Überschriften und alles in der anderen Schrift. Klingt prima, aber wie gesagt, dazu müsste ich CSS besser können. Von daher, vielen Dank für deine tolle Idee, aber ich werde das wohl nicht umsetzen.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    Bin an dieser Möglichkeit Schriften einzubinden selbst sehr interessiert. Weil sich bei mir der Gedanke festgesetzt hat, eine eigene Schrift zu entwerfen. Das Medium Bildschirmdisplay wäre allerdings Neuland.
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    So schwierig wird´s nicht sein! Könntest du mir die Demo-Dateien zusenden? An info@a-siebold.de
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    #25 Anonymous, 7. Januar 2018
    Zuletzt bearbeitet: 7. Januar 2018
    Naja, wenn man bedenkt, dass alle Artikel bei mir zur Zeit fest mit Verdana Schriftgröße 14 formatiert sind, schon. Ich müsste ja erstmal alle wieder zurücksetzen und dann könnte eine neue Schrift greifen. Bei 600 Artikeln wäre das schon sehr aufwendig. Ich hab gerade überlegt, ob man den Zustand nicht so lassen könnte und eine freie Fontschrift für alles drumherum nehmen könnte. Eine die eben zu Verdana gut passt. Dann hätte ich auch diesen Effekt. Die Artikel haben weiterhin eine lesbare Schrift (Verdana) und für alles andere eben dann die neue Schrift... nur so eine Überlegung.
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    #26 Anonymous, 7. Januar 2018
    Zuletzt bearbeitet: 8. Januar 2018
    Hab´s eben mal getestet: Alles Supereasy!

    Einfach ein Verzeichnis für die Fonts erstellen, die Font-Dateien hineinkopieren und folgenden Code oben in "Eigenes CSS" einsetzen:

    Code:
    @font-face {
        font-family: 'brouet';
        src: url('/templates/Honeygrid/fonts/brouet-handwriting-webfont.woff') format('woff'),
              url('/templates/Honeygrid/fonts/brouet-handwriting-webfont.eot') format('eot'),
             url('/templates/Honeygrid/fonts/brouet-handwriting-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    Nicht vergessen die Pfade entsprechen anzupassen. font-weight etc. weglassen oder nach belieben anpassen.

    Die Schrift lässt sich nun mit dem oben definierten Namen 'brouet' nach belieben einsetzen.


    Tipp nebenbei: Webfonts lassen sich einfach mit fontsquirrel erstellen
    https://www.fontsquirrel.com/tools/webfont-generator
    Auf der Site gibt´s auch ein fantastisches 'Font Identifer'-Tool um Fonts mit Hilfe einer Bitmap-Datei zu finden.

    @Momo Nachtrag: Eine Geschichte für sich ist natürlich das mit den vielen Artikeln...
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Hab den Ordner genauso erstellt. URL? Meine oder das URL so stehen lassen? Ich sag doch, ich bin zu bl... ;)
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    Es reicht die URL innerhalb des Shop-Verzeichnisses. Also wenn du die Fonts in das template/Honegreyd/fonts Verzeichnis kopiert hast, brauchst du nur den Code unverändert in "Eigenes CSS" kopieren.
     
  9. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Hab ich so gemacht, alle Caches gelöscht, passiert nüscht :( Muss ich im Styleeditor was ändern?

    Das wird auch Rot im "eigenes CSS" angezeigt, hat das seine Richtigkeit?
     
  10. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    @Andreas S. vielen Dank für deine Mühe, ich habe das erstmal wieder rausgenommen. So funktioniert das leider bei mir noch nicht. Dennoch ein dickes Dankeschön :)
     
  11. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    Hab´s mal kurz getestet:
    - Im 'Eigenen CSS' Überschrift-Stile zu verändern ging völlig ohne Probleme.
    - Bei Dateinen im Content-Manager ließ sich die Schriftgröße nicht ändern.
    - Im html-Editor ging überhaupt nichts.

    Vermutlich ist es besser eine USERMOD-Datei dafür anzulegen. In welche Datei das hineingehört weiß ich momentan nicht. Bestimmt hat dazu jemand einen Tipp?
    Im Forum ist mit dem Stichwort font-face einiges zu finden.
     
  12. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    @Andreas S. vielen Dank, fürs testen. Habe mir jetzt mal viele Beiträge darüber durchgelesen, aber so recht schlau wurde ich daraus auch nicht. Werde das erstmal nachhinten stellen, hab ja noch die Überarbeitung der Artikel vor mir. Sobald ich kein festes Format mehr in den Artikeln habe, dann kann ich mich an die Schriften machen, wird noch etwas dauern. Aber ich bleibe dran, damit deine Mühe nicht umsonst gewesen ist.

    Liebe Grüße
    Momo
     
  13. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Im Eifer des Gefechtes habe ich mich gar nicht richtig für deine Hilfestellung bedankt. Das libreOffice habe ich mir angesehen und habe das noch nicht auf dem Rechner. Könnte es Probleme mit meinem normalen Office geben, wenn ich jetzt noch ein zweites installiere? Jetzt gehe ich momentan in den Artikel und auf Html und lösche alles händisch heraus. Also liebe Barbara, vielen Dank, dass du immer für unsere Fragen und Belange da bist, du bist die gute Seele des Forums und ohne Dich hätte ich fast alles nicht bewältigen können. ...Trommelwirbel... :) muss ja auch mal gesagt werden ;)
     
  14. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Es gibt doch noch so viele andre , die helfen :D
    Ich habe ein altes Office von Microsoft, dann OpenOffice (im Grunde der Vorgänger von LibreOffice) und ein Office von SoftMaker. Bisher funktionieren die alle ohne Probleme nebeneinander.
     
  15. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Ja, da hast du Recht, aber ich finde was du hier leistest ist wirklich bemerkenswert :) auch wenn du das nicht hören möchtest. Mit dem normalen Office kann ich das nicht bewerkstelligen? Wenn du das sagst, dann werde ich mir das wohl runterziehen müssen.
     
  16. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Wenn Du mit "normalem Office" Microsoft und somit Exel meinst, das geht auch ist aber viel komplizierter.
    Schon beim Öffnen und auch später beim Speichern geht das mit LibreOfiice einfacher.
     
  17. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    #37 Anonymous, 9. Januar 2018
    Zuletzt bearbeitet: 9. Januar 2018
    Und die sich vorallem wirklich auskennen...

    @Momo Mir schwirrt noch etwas der Kopf davon... Hab´s auch mal hintenangestellt. Und hab den Eindruck hier mehr Unordnung als Ordnung in´s Forum zu bringen. Drum halt ich mich nun ein bisschen raus.

    P.S. In jedem Falle hat sich die Dank-erhalten-Statistik deutlich verbessert :)
     
  18. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Deine Umsetzung war doch gar nicht so verkehrt, ich vermute nur mal, man muss dann was im Styledit rausnehmen, weil da stand ja noch der Font von Google drin. Vielleicht würde das funktionieren wenn man da was rauslöscht oder ergänzt. In jedem Fall fand ich es klasse, dass du dennoch helfen wolltest. :) Und du hast auch gleich mal etwas wo du das nachlesen kannst ;)
     
  19. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Gebongt ;) ich ziehe es mir herunter :)
     
  20. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    #40 Anonymous, 9. Januar 2018
    Zuletzt bearbeitet: 9. Januar 2018
    @Momo Es funktioniert doch im wesentlichen doch schon!

    Nur müssen dabei noch die Linzenzbestimmungen von Linotype genau gelesen werden:

    Wegen diesen muß ein spezieller CSS-Code eingebaut werden, um zu überprüfen, ob die Seitenzugriffe weniger als 50.000 im Monat sind. Falls es mehr sind, muss dann nachgezahlt werden. Und es müssen weitere Bestimmungen beachtet werden.

    Dafür hat man jedoch Möglichkeit relativ preisgünstig auf sehr viele hochwertige Webfonts zuzugreifen. Und is vor allem nicht auf recht teure Abo-Modell wie die von Adobe angewiesen. Die Auswahl der Google-Fonts ist doch sehr begrenzt und die Qualität ist sehr unterschiedlich. Für jemand der aus Gründen der 'Corporate Identity' einen bestimmten Font sucht, ist das eine klasse Möglichkeit.

    Liebe Grüße
    Andreas