dompdf und GoogleFonts

**Michael** · 20.04.2016, 09:38

Hallo zusammen

Ich verwende Contao 3.5.9 und dompdf 3.0.0-RC1. Ich kann damit auch die GoogleFonts Open Sans und Source Sans Pro in ein PDF einbinden. Jedoch kann ich nur die Schrift Source Sans Pro als bold ausgeben, bei Open Sans klappt dies leider nicht.
Habe beide Schriften gleich eingebunden:

HTML-Code:

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);

Habe einige Zeit im Netz gesucht, aber keine brauchbare Antwort gefunden. Kann mir hier jemand helfen?

Besten Dank im Voraus!
Michael

**Spooky** · 20.04.2016, 14:55

Solltest du nicht

Code:

@import url(http://fonts.googleapis.com/css?family=Open+Sans|Source+Sans+Pro);

benutzen? Theoretisch ist es zwar egal, aber versuche es mal so.

**Michael** · 20.04.2016, 14:58

Habe deine Variante ausprobiert, macht leider keinen Unterschied.
Komisch ist es, dass es bei einer Schrift problemlos klappt und bei der anderen nicht.

**Spooky** · 20.04.2016, 15:04

Achso, ist klar warum das nicht geht. Bei den Google Webfonts musst du die einzelnen Stärken auch in der URL mit angeben, ansonsten wird (meist) nur font-weight 400 verwendet. Also wenn du Open Sans in Bold (700) brauchst, dann zB

Code:

http://fonts.googleapis.com/css?family=Open+Sans:400,700

Bei Source Sans Pro gilt prinzipiell natürlich dasselbe:

Code:

http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700

Warum Source Sans Pro in Bold trotzdem funktioniert hat, lässt sich nur schwer sagen - theoretisch kann es nur deshalb funktioniert haben, weil die Schrift evt. schon auf dem System installiert ist.

Alternativ:

Code:

http://fonts.googleapis.com/css?family=Open+Sans:400,700|Source+Sans+Pro:400,700

**Michael** · 20.04.2016, 15:10

Besten Dank Spooky! Leider klappt auch dies nicht.
Wenn ich das PDF als HTML ausgebe, wird die Schrift Open Sans Bold tiptop angezeigt. Sobald ich das PDF generieren lasse nicht mehr.

**stefan-at-work** · 21.04.2016, 17:30

Evt. hilft es font-weight und font-style einmal zu überprüfen. Schau mal hier.

**Michael** · 21.04.2016, 18:02

Besten Dank für den Hinweis!
Habe alles nach Anleitung gebaut. Die HTML-Ausgabe klappt wieder wunderbar, jedoch im PDF erscheint die Schrift nur normal und nicht bold.

**stefan-at-work** · 21.04.2016, 18:33

Alternativ und ungetestet: in der print.css die Googlefont-Definition anpassen:

Code:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/yYRnAC2KygoXnEC8IdU0gQLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/k3k702ZOKiLJc3WVjuplzMDdSZkkecOE1hvV7ZHvhyU.ttf) format('truetype');
}

**Michael** · 21.04.2016, 20:40

Vielen Dank Stefan! Geht leider auch nicht. Wenn ich die Seite drucke, wird die Schrift fett dargestellt. Einfach das PDF will nicht. Source Sans Pro kann ich problemlos fett im PDF ausgeben.

**stefan-at-work** · 21.04.2016, 21:00

taucht das Problem global auf oder nur beim H1-Tag?
Scheinbar haben einige Google-Fonts in Zusammenhang mit dompdf Schwierigkeiten mit H1-Tags: https://github.com/dompdf/dompdf/issues/784