1

カスタム フォントを使用して Web ページを作成しました。ブラウザではフォントが適用されているのを確認できますが、印刷されたページには適用されません。

私は印刷のために以下の方法に従いました：

fonttest.css ファイルには、次の内容が含まれています。

@font-face {
font-family: "myriad";
src: url("../fonts/myriad.otf") format('truetype');
}
@font-face {
font-family: "serifa-bold";
src: url("../fonts/serifa_bold.ttf") format('truetype');
}
@font-face {
font-family: "serifa";
src: url("../fonts/serifa.ttf") format('truetype');
}
@font-face {
font-family: "AlexandriaFLF";
src: url("../fonts/AlexandriaFLF.ttf") format('truetype');
}
@font-face {
font-family: "AlexandriaFLF-Bold";
src: url("../fonts/AlexandriaFLF-Bold.ttf") format('truetype');
}
@font-face {
font-family: "AlexandriaFLF-BoldItalic";
src: url("../fonts/AlexandriaFLF-BoldItalic.ttf") format('truetype');
}
@font-face {
font-family: "AlexandriaFLF-Italic";
src: url("../fonts/AlexandriaFLF-Italic.ttf") format('truetype');
}

HTML ファイルでは、CSS ファイルは次のようにリンクされています。

<link rel='stylesheet' type='text/css' media='all'  href='resource/css/fonttest.css' />

以下の行を印刷していました：

<p style="font-family:myriad;color:#000000">myriad-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</p>
<p style="font-family:serifa-bold;color:#000000">serifa-bold-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</p>
<p style="font-family:serifa;color:#000000">serifa-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</p>
<p style="font-family:AlexandriaFLF;color:#000000">AlexandriaFLF-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</p>
<p style="font-family:AlexandriaFLF-Italic;color:#000000">AlexandriaFLF-Italic-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</p>
<p style="font-family:AlexandriaFLF-Bold;color:#000000">AlexandriaFLF-Bold-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</p>
<p style="font-family:AlexandriaFLF-BoldItalic;color:#000000">AlexandriaFLF-BoldItalic-abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789</p>

私を助けてください ？

4

4 に答える 4

1

これを行う方法が見つからない場合は、別の方法があります。

wkhtml2pdfを使用して、印刷可能な PDF ファイルを作成できます。

于 2012-11-20T11:31:22.937 に答える
1

スタイルシートの media 属性を print に設定してみてください:

<link rel='stylesheet' type='text/css' media='print'  href='resource/css/fonttest.css' />
于 2012-11-20T06:11:36.103 に答える
1

URL https://bugzilla.mozilla.org/show_bug.cgi?id=468568はカスタム フォントで印刷が機能しない理由を説明しているので、firefox-20.0a1.en-US.win32.installer.exe. ttf および otf を含むフォントは、本来あるべき姿で正確に適用されます。

于 2012-11-26T10:54:14.043 に答える
1

css にさらに多くのフォント形式を含める必要があるかもしれません。このようなもの：

@font-face {
font-family: 'XXXXX';
src: url('XXXXX.eot');
src: url('XXXXX.eot?#iefix') format('embedded-opentype'),
     url('XXXXX.woff') format('woff'),
     url('XXXXX.ttf') format('truetype'),
     url('XXXXX.svg#XXXXX') format('svg');
font-weight: normal;
font-style: normal;

}
于 2012-11-21T10:43:58.013 に答える