Eigene Schrift einbinden
Author: Martin H.
Visited 3720,
Followers 2,
Shared 0
Hallo Zusammen,
wie kann ich in Website eine eigene Schrift einbinden?
Zum Problem:
Wenn ich auf meinem PC eine Schrift auswähle wird diese z.B. auf anderen PC`s oder Tablet etc. nicht angezeigt, da meine Schrift nicht auf dem jeweiligen System vorhanden ist.
Aber ich meine, dass es doch möglich ist, seine Schrift (.ttf) als Datei bei Website so einzubinden, dass diese Schrift geladen wird? Welchen Code (evtl. CSS) muss ich wo eingeben und in welchen Ordner müsste ich die Schriftdatei speichern?
Gruß Martin
Posted on the
Gleich nach dem Start des Programms kannst du links unter Einstellungen deinen Font einbinden. Dazu musst du aber deine Tff in woff und andere Formate konvertieren.
Author
Hallo Andreas,
ich habe das hinbekommen, jedoch muss ein Bug im Programm vorhanden sein, da die Schriften nicht immer übernommen werden. Wenn überhaupt dann nur wenn man z.B. im Textfeld oder Menü nochmals reingeht. Habe in der Fußzeile eine Änderung gemacht und schon wieder wird die eingestellte Schrift nicht übernommen. Hier muss Inco nochmals nachbessern.
Gruß Martin
Guten Tag,
Bei welche Schriftarten genau passiert es?
Vielen Dank!
Author
Hallo Claudio,
das passiert bei allen Schriften, obwohl ich diese unter Einstellungen in den verschiedenen Schriftdateien (svg, woff etc.) eingebunden habe. Erst nach mehreren Versuchen wird die Schrift übernommen. Satrt ich das Projekt neu sind diese wieder weg. Das komische dabei ist jedoch, dass in den Textfeldern oder im Hauptmenü die Schriften dargestellt werden, aber nicht in der Vorschau oder nach dem exportieren.
Martin
Guten Tag,
Ich hab versucht es nachzustellen aber es passiert nicht das gleiche und die Schriftarten funktionieren.
Es könnte an den benutzen Schriftarten liegen und wenn Sie mireinige sagen kann ich es mit diese Testen um die Ursache festzulegen.
Vielen Dank!
Hallo ich habe das gleiche Problem wie Martin.
Auch beimir werden die Schriften in der Vorschau nicht richtig angezeigt, aber im Programm schon und alles ist richtig eingestellt.
Geht man dann in den Textstil rein (aber macht nichts ) und geht wieder raus, dann ist die Schrift wieder richtig.
Meine Schrift ist Open Sans
Author
Ich habe Segeo WP Light und Great Vibes eingebunden, jedoch wenn ich erst eine Änderung im Header oder Footer mache werden die Schriften übernommen.
Guten Tag,
Versuchen Sie die STRG Taste zu klicken während Sie die Vorschau starten um zu sehen ob es danach korrekt dargestellt wird.
Vielen Dank!
Author
Hallo Claudio,
habe ich schon versucht, bringt leider nichts. Nur wenn ich im Header oder Footer die Schrift anklicke bzw. kurz ändere wird die Schrift übernommen.
Gruß Martin
Genau das gleiche Problem habe ich auch bei Evolution 13 obwohl eingebunden und, und, und....
STRG und Vorschau hilft bei mir auch nicht.
Problem ist immer noch vorhanden
Bei mir ist es ähnlich. Da ich die Schriften auch auf dem Rechner installiert habe, werden sie in der Vorschau zwar korrekt angezeigt, aber nach dem Hochladen ist es wie beim Würfeln. Mal klappt es, mal nicht. Die hochgeladene Seite wird auf anderen Rechnern (auch IPads) nicht richtig angezeigt. Obwohl in den Einstellungen in allen Formaten hinterlegt.
Vielleicht habe ich bei Font Squirrel einen Fehler gemacht. Wie sind da die empfohlenen Einstellungen beim Generator?
Guten Tag,
Versuchen Sie die Schriftarten im Programm erneut einzubinden unter Einstellungen und danach testen Sie es erneut.
Vielen Dank!
@Roland H. suchen Sie bei den Schriftarten für die Webfont Version denn diese wird nur funktionieren sobald Sie es hochladen.
Interessanter Weise, sind die Seiten mal auf einer Seite richtig, mal falsch. Die Schriftarten werden geladen, aber ich vermute die css-Daten zu den Seiten sind gelegentlich fehlerhaft. Anders kann ich mir das nicht erklären.
@Roland wo zu sehen?
Habe das gleiche Problem wie Roland und Martin. Projekte waren in der Vorversion fehlerfrei.
Tatsache ist, dass die css-Dateien im Ordner pcss - als ersten Eintrag - KEINE Angabe zum Fontface haben.
Erst nach Änderung eines Textes in der Fusszeile (wie Martin schreibt) werden die Einträge eingefügt.
Muster: Es fehlt
@font-face { font-family: 'Muli'; src: url('../style/fonts/MuliRegular.eot'); src: local('☺'), url('../style/fonts/MuliRegular.woff') format('woff'), url('../style/fonts/MuliRegular.ttf') format('truetype'), url('../style/fonts/MuliRegular.svg') format('svg'); }
Anscheinend werden zwar die Webfonts bei jedem Upload mit raufgeladen, aber die CSS verliert (aus welchen GRünden auch immer) die Zuordnung der Fonts. Ist mir auch schon aufgefallen.
@incomedia
Offensichtlich haben mehrer das gleiche Problem. Da nicht vorgesehen werden kann, wann die Fonts auf anderen Endgeräten angezeigt werden und wann nicht und wodurch dies passiert ist die Verwendung von Webfonts in dieser Version nicht praktikabel.
Bitte an Incomedia um eine Lösung für V13.
Ergänzung
"Erst nach Änderung eines Textes in der Fusszeile (wie Martin schreibt) werden die Einträge eingefügt." ...
Trifft auch nicht immer zu!
Guten Tag Sal Guri,
Nachdem Sie den Text in der Fusszeile geändert haben, ist das gleiche erneut passiert?
Vielen Dank!
@Claudio
Nach Änderung der Fußzeile tritt das Problem auch später wieder auf!
-- Problem: Fehlende font-face-Einträge in css-Dateien --
Wenn der Fehler auftritt, fehlt in den css-Dateien der Eintrag:
Zum Beispiel:
@font-face { font-family: 'Muli'; src: url('../style/fonts/MuliRegular.eot'); src: local('☺'), url('../style/fonts/MuliRegular.woff') format('woff'), url('../style/fonts/MuliRegular.ttf') format('truetype'), url('../style/fonts/MuliRegular.svg') format('svg'); }
Konnte dies bei einem "Export der Website auf ein Laufwerk" in den entsprechenden ccs-Dateien überprüfen.
Wann und wodurch die Einträge später wieder generiert werden kann ich nicht lokalisieren. Das Problem trat in der Vorversion nicht auf.
Tatsache ist, dass sie manchmal fehlen.
Die Fonts werden problemlos auf den Server geladen.
...und wenn du bei den Links das ../ raus nimmst?
@andreas
mit dem @font-face-Code funktioniert es! Problem ist, dass diese Zeile manchmal in den css-Dateien fehlt!
@claudio
gern stelle ich das Projekt zum Test zur Vefügung.
Guten Tag Sal Guri,
Könnten Sie ein neues Beitrag erstellen den Sie auf Privat stellen um mir das Projekt zu senden?
Vielen Dank!
Hallo Allerseits,
ich habe gelegentlich das gleiche Problem. Richtig fies wird es bei dem Dynamischen Objekt. Mal sind die eingebunden Fonts da beim upload auf den server, mal nicht. Das kann ganz schön nervig sein. Ich bin sehr gespannt auf die V14. Das was ich bisher gehört habe klingt sehr vielversprechend. Ich hoffe das Dynamische Objekt hat auch mal einen neuen Aufputz bekommen.
Wenn jemand das Problem gelöst hat, freue ich mich über eine Antwort hier :)
X5 ROCKT!!!!
Liebe Grüße
Marcus
Ich habe das Problem folgendermaßen gelöst.
1. Indem ich mit FileZilla dafür gesorgt habe, dass nach dem ersten Hochladen im Unterordner fonts (im Ordner style) der Homepage die Schriftarten vor allem im .woff - Format (besonders wichtig für IPad usw.) vorhanden sind.
2. Dann im Projekt mit Website X5 unter Einstellungen -> Erweitert -> Seo und Code -> Erweitert -> vor dem </HEAD> Tag folgenden Code eingefügt habe:
<!-- Richtige Schriftartendarstellung im Browser -->
<style>
@font-face {
font-family: Open Sans; /* regular font */
src: url("../style/fonts/opensans-regular.woff") format("woff");
font-weight: normal; font-style: normal; }
@font-face {
font-family: Open Sans SemiBold; /* semibold font */
src: url("../style/fonts/opensans-semibold.woff") format("woff");
font-weight: semibold; font-style: normal; }
@font-face {
font-family: Open Sans Bold; /* bold font */
src: url("../style/fonts/opensans-bold.woff") format("woff");
font-weight: bold; font-style: normal; }
</style>
Er lässt sich natürlich auch auf andere Schriftarten anpassen. Wichtig ist, bei Namen und Dateinamen genau zu sein.
Ich hoffe, ich konnte helfen.
Das Hochladen nicht vergessen!