PhantomJS nicht rendering-screenshots mit webfonts?

Also ich habe schaut sich um und kann nicht scheinen, um eine Lösung zu finden, wie man PhantomJS zu zeigen tatsächlich die webfonts auf screenshots, kann mir jemand sagen ob es eine Möglichkeit gibt, dies zu tun?

InformationsquelleAutor | 2014-03-06
  1. 13

    Ich habe getestet und testen für etwa eine Woche jetzt und haben endlich die Antwort, wissen, dass dies könnte auch ein Ergebnis von mir laufen PhantomJS auf einem Windows-Rechner. Ich bin derzeit mit PhantomJS v1.9.7 und habe die folgende Lösung gefunden:

    Verwenden, das in meiner CSS-Datei:

    @font-face {
    font-family: 'Vampiro One';
    src: url(http://themes.googleusercontent.com/static/fonts/vampiroone/v3/Ho2Xld8UbQyBA8XLxF1_NYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
.vamp {
    font-family: "Vampiro One";
    font-size: 1.5em;
}

    Statt der von Google empfohlenen "failsafe":

    @font-face {
  font-family: 'Vampiro One';
  font-style: normal;
  font-weight: 400;
  src: local('Vampiro One'), local('VampiroOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/vampiroone/v3/Ho2Xld8UbQyBA8XLxF1_NYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
.vamp {
  font-family: 'Vampiro One', cursive;
  font-size: 1.5em;
}

    scheint, den trick zu tun. Ich hoffe, das spart jemand nicht als frustriert, als ich gewesen.
    Für diejenigen, die eine harte Zeit haben, entdecken Sie den Unterschied, ich entfernt die "lokale ()" - Schriften, die es nur zeigen Sie auf die schriftart, die ich wirklich wollen, ebenso wie das entfernen von fallback-fonts, die ich denke, dies hat zu tun mit einigen false-positive-entweder PhantomJS oder die WebKit-engine.

    • Ich habe auch getestet und verifiziert, dass es auch funktioniert, arbeiten auf 2003 Server und freuen uns, mit der Ausnahme, dass Sie nicht Lesen OTF-format, das Microsoft eigene format... 😛 Außerdem könnte es verpixelt Aussehen auf Servern, weil cleartype deaktiviert ist, wird nur aktiviert cleartype und gehen Sie durch die Konfiguration, und Sie sind golden.
    • Ich landete mit einem Skript, das wirkt wie ein proxy zu Google ' s CSS-Dateien, entfernt den lokalen-tags mit regulären Ausdruck.
    • Funktioniert nicht bei mir mit phantomjs 1.9.7 auf OSX. Es funktioniert mit der custom WOFF web font-Unterstützung bauen, wenn: arunoda.me/blog/phantomjs-webfonts-build.html
    • Ja, wir sind auch immer etwas unterschiedlich aussehende Schriftarten, je nachdem, ob wir windows oder linux und einige Schriften einfach nicht funktioniert auf einigen Systemen. :/
    • Ich habe nicht hatte kein Glück mit diesem so weit :/ Es ist ziemlich frustrierend
    • Sie war genau so, wie beschrieben und auf einem windows-Rechner? Auch welche version verwenden Sie?

    InformationsquelleAutor
Schreibe einen Kommentar