ruby - Capybara-Webkit で @font-face フォントを表示する

Question

capybara-webkit を使用して Web サイトをテストし、スクリーンショットを撮ると、CSS の @font-face 宣言が無視されます。

私は FontAwesome を使用しているため、これは特に悪いので、実際のブラウザーでのページの表示方法には大きな違いがあります。

再現方法: https://gist.github.com/anonymous/4948827

出力: http://i.imgur.com/5lsrleY.jpg

これを修正する方法はありますか？

Answer 1

いくつかの調査によると、Capybara-Webkit でカスタム フォントをレンダリングすることは、PhantomJS と同じように完全に可能であることが示されています。このPhantomJS Forum Postでは、トラブルの問題を特定しています。簡単な要約:

1. SVG フォントが最適です。
2. OTF フォントは機能しない傾向があります。
3. これは Qt5 で修正されるはずなので、ビルドした Qt のバージョンを確認してください。

Answer 2

ビルド対象のバージョンに応じてqt、capybara-webkitWebkit は非 localhost の URL をホワイトリストに登録する必要があります。これには、フォントなどの外部アセットへのメタ参照が含まれます。

これをグローバルに行うには、rspec 構成ブロックの spec_helper.rb にこれを追加します。

config.before(:each) do
  page.driver.allow_url("the-domain-name.com")
end

before :each がすでにある場合は、代わりにそこに投げてください。allow_url文字列の配列も受け入れます。

私はあなたの要点にこの趣旨のコメントを入れました。