Problem mit @fontyourface und WYSIWYG
Eingetragen von ChrisXC (19)am 30.08.2015 - 14:36 Uhr in
Hallo zusammen,
ich erstelle gerade eine Seite für jemanden, der nur seinen Inhalt pflegt und sonst nichts. Um das so simpel wie möglich umzusetzen, habe ich das Modul WYSIWYG mit ckeditor-plugin im Einsatz.
Die Kombination funktioniert gut, aber die betreffende Person möchte viele Fonts einsetzen, die nicht unbedingt standard sind.
Um das im Rahmen des WYSIWYG umzusetzen, bin ich auf das Modul @fontyourface gestoßen. Installation und Einrichtung funktionierten prima, aber an der Einbindung in den ckeditor klemmt es.
@fontyourface stellt einen "Set font"-Knopf zur Verfügung, über den sich per dropdown eigentlich die aktivierten Fonts auswählen lassen sollten.
Meine aktivierten Fonts sind in die theme.info eingetragen, wie es im Modul beschrieben wird:
@font-your-face can be used to load fonts in a Drupal theme. To add fonts to your Drupal theme, simply copy and paste the text below into your theme.info file. Until Drupal themes can declare dependencies on modules, you will also need to inform users of the need to enable @font-your-face.
Es passiert nur leider nichts wenn ich auf den Knopf drücke... Weiß jemand Rat oder hat einen Hinweis, in welcher Richtung ich nach dem Fehler suchen sollte?
PS: Achja, alle anderen Knöpfe funktionieren, auch die mit Popups.
PPS: Manuell mit <p style="font-family: 'Lobster';">text</p> funktioniert der Font. Es ist also nur ein Button-Problem...
Grüße,
Chris
- Anmelden oder Registrieren um Kommentare zu schreiben
Egal, ob machbar oder nicht.
am 30.08.2015 - 16:37 Uhr
Egal, ob machbar oder nicht. Es ist nicht sinnvoll zu viele Fonts auf einer Seite zu haben, des erhöht die Ladezeit der Seite erheblich. Man sollte nicht mehr als zwei oder drei Fonts benutzen. Dann könntest Du Dich mit dem Kunden einigen, wo welche Font zum Einsatz kommt und das im CSS festnageln. Alles andere macht die Seite nur unruhig und schreckt Besucher ab.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Ist alles bekannt. Mehr als
am 30.08.2015 - 18:16 Uhr
Ist alles bekannt. Mehr als eine handvoll Schriftarten (neben den ab Werk vorhandenen) will ich da auch nicht haben, aber darum geht es hier gerade nicht.
Also das Bereitstellen der
am 30.08.2015 - 20:40 Uhr
Also das Bereitstellen der Fonts via fontyourface scheint ja zu funktionieren.
Dann bringe doch dem CK-Editor über die Konfiguration die entsprechenden Fonts bei, schau mal hier: http://www.zyxware.com/articles/3692/drupal-how-to-add-fonts-in-ck-editor
Das würde funktionieren,
am 01.09.2015 - 18:44 Uhr
Das würde funktionieren, klar.
Ich wollte eigentlich nicht den Weg gehen, von einer Plattform einen Font runterladen zu müssen, auf den Server hochzuladen und diesen dann manuell in den CKE einzubinden.
@fontyourface spuckt dir ja keine Font-Dateien aus.
Brauchst Du auch nicht. Es
am 01.09.2015 - 19:09 Uhr
Brauchst Du auch nicht. Es reicht, wenn die Fonts im CSS eingebunden sind, da ja der Editor ohnehin auf dem Client läuft und die Fonts immer beim Client geladen werden müssen.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Kleines Update: Ich bin mit
am 12.09.2015 - 13:02 Uhr
Kleines Update: Ich bin mit diesem Thema ueber ein Problem gestolpert, das nicht unbekannt ist:
https://www.drupal.org/node/896024
Die entsprechende Anpassung der Funktion habe ich umgesetzt, gebracht hat es nichts.
Was mir aber aufgefallen ist: Ueber die Styles-Auswahl im Editor kann ich eins meiner ausgewaehlten Fonts anwaehlen, der Eintrag nennt sich fontyourface-2741.
Das ist eine Klasse, die @fontyourface wohl den ausgewaehlten Fonts zuteilt. In ../files/fontyourfiles/wysiwyg.css steht folgendes:
.fontyourface-1319 { font-family: 'Aguafina Script'; font-style: normal; font-weight: normal; }.fontyourface-1656 { font-family: 'Bilbo Swash Caps'; font-style: normal; font-weight: normal; }
.fontyourface-1682 { font-family: 'Bitter'; font-style: italic; font-weight: normal; }
.fontyourface-2741 { font-family: 'Lobster'; font-style: normal; font-weight: normal; }
Das sind genau die Fonts die ich testweise einbinden wollte und in @fontyourface ausgewaehlt habe.
In ../themes//.info habe ich folgendes eingetragen, wie in der config-Seite von @fontyourface gefordert:
fonts[google_fonts_api][] = "Aguafina Script&subset=latin#regular"fonts[google_fonts_api][] = "Bilbo Swash Caps&subset=latin-ext#regular"
fonts[google_fonts_api][] = "Bitter&subset=latin#italic"
fonts[google_fonts_api][] = "Lobster&subset=cyrillic#regular"
Der @fontyourface-Button im Editor bleibt leider funktionslos und ich kann nur einen der Fonts benutzen... Wenn ich weiterkomme, werde ich wieder berichten.