WebSite X5Help Center

 
Lothar H.
Lothar H.
User

Webfonts installieren  de

Autor: Lothar H.
Besucht 1569, Followers 1, Geteilt 0  

Hi,

die Anleitung zur Installation von Webfonts funktioniert bei mir nicht. Der Font wird nicht mit Namen angezeigt und lässt sich nicht auswählen.

Bei Softmaker fand ich eine weiterführende Anweisung unter 65 moderne Webfonts. Ich selber habe von Softmaker megafontnow-webfonts gekauft und komme mit der Installationsanleitung nicht klar, da ich von HTML- und CSS-Befehlen keine Ahnung habe. Außerdem fehlen die svg-Dateien.

Vielleicht kann mir jemand helfen?

Danke

Gepostet am
13 ANTWORTEN
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

HTML und CSS Befehle benötigt man nicht!

Man muss überall wo man Fonts einbinden kann unter "Andere Schriftarten" dort die Fonts einbinden. Danach den Font auswählen und den Text damit umändern.  Eine svg Datei kann man leicht konvertieren.

Dazu einfach bei Google  "ttf to svg" eingeben.

Mehr lesen
Gepostet am von Andreas S.
Lothar H.
Lothar H.
User
Autor

Hallo Andreas,

das habe ich versucht und bei Google-Fonts klappte das auch. Allerdings beim Hinzufügen von Offline-Webfonts der Firma Softmaker nicht. Die Schrift wurde hinzugefügt, aber tauchte nur als Symbol auf ohne Schriftartbezeichnung. Diese Schrift - es handelt sich um Avignon Pro Xlight - konnte ich auch nicht benutzen.

Daher schaute ich in die Anleitung von Softmaker und erfuhr, dass eine CSS-Datei eingebunden werden muss. Allerdings verstehe ich diese Anleitung nicht richtig bzw. habe einige Fragen, die ich ggf. mit Softmaker klären müsste.

Wenn es einfacher ginge, wäre ich natürlich froh.

Danke für Hilfe.

Lothar

Mehr lesen
Gepostet am von Lothar H.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Eine CSS DAtei muss man nur dann einbinden, wenn man direkt programmiert in HTML!  In WSX5 kann man die Fonts normal einbinden.  Wenn da trotz Einbindung der Font nicht angezeigt wird dann könnte er geschützt sein.  Außer man gibt HTML und CSS Code ein wo du oben erwähnt hast. Aber dazu muss man sich eben auskennen in HTML und CSS!

Mehr lesen
Gepostet am von Andreas S.
Klaus W.
Klaus W.
User

Hallo Lothar,

WSX5 stellt drei Möglichkeiten zum Einbinden von Fonts zur Verfügung:

Google-Font:

Bindet man hierüber eine Schrift ein, so wird diese nicht auf deinen Rechner kopiert. Stattdessen generiert WSX5 einen 'Import-Befehl' (kannst du dir wie einen Link vorstellen) und trägt diesen in deine Webseite ein. Dieser Import-Befehl könnte z.B. so aussehen:

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

Nachdem du diese Seite auf den Webserver deines Hosters hochgeladen hast und jemand deine Seite über den Browser aufruft, sorgt dieser 'Import-Befehl' in deiner Webseite dafür, dass unmittelbar auf den Font-Server bei Google zugegriffen und er dargestellt wird.

Wenn du die Internetverbindung auf deinem Rechner trennst und deine Webseite im internen WSX5-Browser startets, wirst du feststellen, dass Google-Fonts nicht wie erwartet dargestellt, sondern durch andere Schriften ersetzt werden. Das liegt eben daran, dass dem WSX5-Browser keine Online-Verbindung zum Google-Server zur Verfügung steht.

 Web-Font: Online Web-Font:

Möchtest du die Schrift eines anderen Anbieters, also nicht von Google, einbinden, so generiert WSX5 diesen 'Import-Befehl' nicht. Stattdessen musst du ihn hier manuell eintragen:

Wie der aussehen muss, muss der Schriftenanbieter vorgeben.

Web-Font: Offline-Font:

Verwendest du keinen solcher Online-Fonts sondern einen, der lokal auf deinem Rechner gespeichert ist, so musst du hier die Fontdatei über das Karteikartensmbol einbinden:

Sie wird dann im Rahmen des Exports deiner Webseite auf den Webserver deines Hosters hochgeladen.

Jetzt du deinem Problem:

Du musst die Softmaker-Schrift 'Avignon Pro Xlight' über die Softmakeranleitung oder über Windowsfunktionalität auf deinem Rechner installieren und hier eintragen. In deinem Fall benötigst du also.

Grüße, Klaus.

Mehr lesen
Gepostet am von Klaus W.
Klaus W.
Klaus W.
User

... keinen HTML- bzw. CSS-Code.

Mehr lesen
Gepostet am von Klaus W.
Lothar H.
Lothar H.
User
Autor

Hallo Andreas und Klaus,

ich zeige mal, wie es aussieht, wenn ich Avignon Pro xlight hinzugefügt habe, vorher habe ich die ttf-Datei auch unter Windows eingebunden, hat aber keinen Unterschied gemacht.

Also das T oben sollte die Schriftart sein. Nun versuche ich sie auszuwählen:

Aber sobald ich auf Enter drücke, geht das Auswahlfenster zu und Nanum Gothic steht unbeeindruckt da, als wenn ich nichts anderes gewählt hätte.

Die Schrift dürfte auch nicht geschützt sein, da ich von Softmaker eine entsprechende Erklärung habe: ... Die
Webfonts im vorliegenden Paket sind für diesen Einsatz lizenziert, sodass Sie diese sorgenfrei auf Ihrer Website einsetzen können."

Was nun?

In der Installationsanleitung wird davon ausgegangen, dass man eine css-Datei verwendet und so weiter.

Auch in der Anleitung zur Installation von 65Webfonts_de.pdf gibt es eine entsprechende Anleitung mit css-Datei und Html-Code, obwohl diese Schriftensammlung wohl eigens in Zusammenarbeit mit WebsiteX5 vermarktet wurde.

Jetzt würde ich ja versuchen, diese css-Datei und die passenden Befehle in mein Projekt einzubinden, aber die Beschreibung richtet sich wohl an Leute, die sich auskennen, mir fehlen da einige Punkte um das Ganze zu realisieren.

Für weitere Infos bin ich dankbar.

Herzlich - Lothar

Mehr lesen
Gepostet am von Lothar H.
Klaus W.
Klaus W.
User

Kopiere mal die *ttf-Datei(en) der 'Avignon Pro xlight' aus dem Verzeichnis c:\Windows\Fonts in ein Verzeichnis, das nicht durch Windows 'geschützt' wird … z.B. in das Download-Verzeichnis.

Kannst du anschließend die Schrift aus dem Download-Verzeichnis über 'Web-Font > Offline-Font' einbinden …

… und auswählen ?:

Mehr lesen
Gepostet am von Klaus W.
Lothar H.
Lothar H.
User
Autor

Ich versuche nicht die ttf-Dateien aus dem Windows-Fonts-Ordner einzubinden, sondern aus dem Megafont-Ordner von Softmaker. Diese ttf-Dateien sollen ja auch anders sein, als die normalen. Wie auch immer, da dürfte kein Schutz existieren, aber ich kann mal die Attribute kontrollieren und stelle eine mal hier rein.

Mehr lesen
Gepostet am von Lothar H.
Lothar H.
Lothar H.
User
Autor

Vielleicht hast du doch Recht mit dem Schutz, habe gerade gesehen, dass mein PC sagt, die Datei stamme von einem anderen Computer und sei daher geschützt...

Mehr lesen
Gepostet am von Lothar H.
Lothar H.
Lothar H.
User
Autor

... bzw. der Zugriff wurde blockiert. Muss ich jetzt noch mal genauer schauen. Danke schon mal für den wichtigen Hinweis.

Mehr lesen
Gepostet am von Lothar H.
Lothar H.
Lothar H.
User
Autor

Jetzt hab ich Windows angewiesen, die Blockierung aufzuheben, erst mal ohne Veränderung für die Einbindung in WSX5. Vielleicht ändert sich nach einem Neustart des Systems etwas. Falls nicht kontaktiere ich Softmaker.

Mehr lesen
Gepostet am von Lothar H.
Klaus W.
Klaus W.
User

Halte mich bitte mal auf dem Laufenden ...

Mehr lesen
Gepostet am von Klaus W.
Lothar H.
Lothar H.
User
Autor

Habe Softmaker kontaktiert, aber noch keine Antwort auf meine schriftliche Anfrage erhalten. Telefonsupport gibt es nicht.

Mehr lesen
Gepostet am von Lothar H.