search

flypsite / general

All Things FlypSite
0 stars 1 forks source link

Frontend: generierter Screenshot einer FlypSite ist gequetscht #105

Open CleaKaechele opened 7 years ago

CleaKaechele commented 7 years ago

Wenn man eine FlypSite über die Sharing-Funktionionalität empfiehlt, wird das dabei generierte Bild in der Höhe gequetscht.

joachimgo commented 7 years ago

Bild ist nicht gequetscht, aber für den Screenshot wird nicht derselbe Font verwendet wie im Desktop-Browser. Ich habe gemäß https://medium.com/@stockholmux/besting-phantomjs-font-problems-ee22795f5c0b#.netj5ot8e den Font Strait-Regular auf development, staging und live installiert. ToDo für zukünftige Events/kundenspezifisches CSS: Wenn kundenspezifische Fonts verwendet werden, immer als Fallback die Strait angeben.

joachimgo commented 7 years ago

Wir rendern via PhantomJSCloud. Problem ist also weiterhin nicht gelöst.

Überprüfen von CSS-Änderungen via PhantomJSCloud: https://phantomjscloud.com/api/browser/v2/a-demo-key-with-low-quota-per-ip-address/?request={url:%22https://live.flyp.tv/texterschmiede/adslam17/classic1080.html%22,renderType:%22jpg%22,requestSettings:{clearCache:true}}

joachimgo commented 7 years ago

@font-face { font-family: fallback; src: url("Strait-Regular.ttf"); } und

.ownerbody{ font-family:Strait, fallback, sans-serif; }

mit einer im css-Ordner liegenden Strait-Regular.ttf funktioniert grundsätzlich in Chrome, aber nicht in PhantomJSCloud.