WebSite X5Help Center

 
Martin H.
Martin H.
User

Eigene Schrift einbinden  de

Auteur : Martin H.
Visité 3716, Followers 2, Partagé 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

Posté le
26 RéPONSES
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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.

Lire plus
Posté le de Andreas S.
Martin H.
Martin H.
User
Auteur

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

Lire plus
Posté le de Martin H.
Incomedia
Claudio D.
Incomedia

Guten Tag,

Bei welche Schriftarten genau passiert es?

Vielen Dank!

Lire plus
Posté le de Claudio D.
Martin H.
Martin H.
User
Auteur

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

Lire plus
Posté le de Martin H.
Incomedia
Claudio D.
Incomedia

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!

Lire plus
Posté le de Claudio D.
Michael G.
Michael G.
User

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

Lire plus
Posté le de Michael G.
Martin H.
Martin H.
User
Auteur

Ich habe Segeo WP Light und Great Vibes eingebunden, jedoch wenn ich erst eine Änderung im Header oder Footer mache werden die Schriften übernommen.

Lire plus
Posté le de Martin H.
Incomedia
Claudio D.
Incomedia

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!

Lire plus
Posté le de Claudio D.
Martin H.
Martin H.
User
Auteur

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

Lire plus
Posté le de Martin H.
Siegbert G.
Siegbert G.
User

Genau das gleiche Problem habe ich auch bei Evolution 13 obwohl eingebunden und, und, und....

Lire plus
Posté le de Siegbert G.
Michael G.
Michael G.
User

STRG und Vorschau hilft bei mir auch nicht.

Problem ist immer noch vorhanden

Lire plus
Posté le de Michael G.
Roland H.
Roland H.
User

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?

Lire plus
Posté le de Roland H.
Incomedia
Claudio D.
Incomedia

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.

Lire plus
Posté le de Claudio D.
Roland H.
Roland H.
User

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.

Lire plus
Posté le de Roland H.
Der Zwoemti
Der Zwoemti
Moderator

@Roland wo zu sehen?

Lire plus
Posté le de Der Zwoemti
Sal Guri
Sal Guri
User

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'); }

Lire plus
Posté le de Sal Guri
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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.

Lire plus
Posté le de Andreas S.
Sal Guri
Sal Guri
User

@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!

Lire plus
Posté le de Sal Guri
Incomedia
Claudio D.
Incomedia

Guten Tag Sal Guri,

Nachdem Sie den Text in der Fusszeile geändert haben, ist das gleiche erneut passiert?

Vielen Dank!

Lire plus
Posté le de Claudio D.
Sal Guri
Sal Guri
User

@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.

Lire plus
Posté le de Sal Guri
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

...und wenn du bei den Links das  ../  raus nimmst?

Lire plus
Posté le de Andreas S.
Sal Guri
Sal Guri
User

@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.

Lire plus
Posté le de Sal Guri
Incomedia
Claudio D.
Incomedia

Guten Tag Sal Guri,

Könnten Sie ein neues Beitrag erstellen den Sie auf Privat stellen um mir das Projekt zu senden?

Vielen Dank!

Lire plus
Posté le de Claudio D.
Marcus  C.
Marcus C.
User

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

Lire plus
Posté le de Marcus C.
Roland H.
Roland H.
User

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.

Lire plus
Posté le de Roland H.
Roland H.
Roland H.
User

Das Hochladen nicht vergessen! laughing

Lire plus
Posté le de Roland H.