PhantomJS rendern keine Screenshots mit Webfonts?

Question

Also habe ich mich umgeschaut und finde keine Lösung, wie man PhantomJS tatsächlich Webfonts auf Screenshots anzeigen lassen kann. Kann mir jemand sagen, ob es einen Weg gibt, dies zu tun?

Answer 1

Ich habe jetzt seit ungefähr einer Woche getestet und getestet und kam schließlich mit der Antwort, wissen, dass dies auch ein Ergebnis von mir PhantomJS auf einer Windows-Maschine ausgeführt werden kann. Ich betreibe PhantomJS v1.9.7 derzeit und haben die folgende Lösung gefunden:

diese Verwendung 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 Google empfohlen "Fail-safe":

@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 um den Trick zu machen. Ich hoffe, das rettet jemanden davor, so frustriert zu sein wie ich. Für diejenigen, die eine harte Zeit haben, den Unterschied zu erkennen, entfernte ich die "local()" -Schriftarten, um nur auf die eine Schriftart, die ich wirklich möchte, sowie das Entfernen von Fallback-Schriftarten, ich denke, dass dies mit etwas falsch zu tun hat Positiv entweder in PhantomJS oder der WebKit-Engine.