Base64 @ font-face wicked_pdfジェネレータ付きフォント

Question

Rails 3サイトでwicked_pdfを使用して、HTMLからPDFに生成されたPDFファイルに特定のフォントを使用しようとしています。私はここに私が従った他のアドバイスを見つけました。 （ほとんど）私のために働いたのは、フォントをbase64に変換することだけでした。 Wicked PDF +fonts+heroku+rails3.2

@ font-face CSSは、スタイルシートに入れる代わりに、それを使用していた部分ファイルに直接挿入する必要がありました。私のローカルコピーではうまく動作します。ステージングサーバーに展開すると、半分しか動作しません。フォントの1つが読み込まれますが、太字のフォントは読み込まれません。

<style type="text/css"> 
    @font-face { 
    font-family: 'MuseoSans300'; 
    src: url(data:font/truetype;charset=utf-8;base64,AAEAAAATAQAABAA...excess text removed); 
    } 
    @font-face { 
    font-family:'MuseoSans700'; 
    src: url(data:font/truetype;charset=utf-8;base64,AAEAAAATAQAABAA...excess text removed); 
    } 
</style> 

通常のスタイルシートからスタイルを（使用して：ここで

は私が部分的に含まする@ font-faceのCSS（ this pastebinはそれが便利だとオフのチャンスで全体のBase64コードが含まれます）ですSASS）は次のようになります。

#profile_pdf { 
    font-family: 'MuseoSans300'; 
    h1 { 
    font-size: 30px; 
    font-family: 'MuseoSans700'; 
    } 
    h2 { 
    font-size: 20px; 
    font-family: 'MuseoSans300'; 
    } 
} 

これをさまざまな方法で変更しようとしました。このアドバイスと同じ書式を使用しました。 http://blog.shahariaazam.com/use-google-web-fonts-for-wkhtmltopdf-tools/#.UtwZUmQo5hE

これで、完全に機能しなくなりました。

上記のフォーマットでは、ローカルで実行されるコピーで動作します。ステージングサーバーでは、いずれかのフォントしか動作しません。 300バージョンのみですべてがロードされ、700バージョンはロードされません。他の誰かがこの問題にぶつかっていますか？

Answer 1

私は、URLの一部に考えるあなたのあなたの資産の下に置く場合、それはレールが資産

Answer 2

にすべてをコンパイルするので、私は邪悪なPDFと同様の問題を抱えていた代わりに/fontの/assets/.....でなければなりません。私がそれを解決する方法は、私が目標としたいあらゆる重みを持つフォントファミリを定義することでした。それはそうのように見えた：

@font-face { 
    font-family: 'Karla'; 
    font-weight: 400; 
    font-style: normal; 
    src: ...; 
} 

@font-face { 
    font-family: 'Karla-Bold'; 
    font-weight: 700; 
    font-style: bold; 
    src: ...; 
} 

私はあなたがそれを適切に大胆なバージョンを表示するために取得するには、明示的にフォントの太さ番号を指定する必要が信じています。私の問題はあなたのものと同じで、これが私のために修正しました。