Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用自定义字体打印不起作用_Html_Css_Printing - Fatal编程技术网

Html 使用自定义字体打印不起作用

Html 使用自定义字体打印不起作用,html,css,printing,Html,Css,Printing,我用自定义字体创建了一个网页,我可以在浏览器中看到应用的字体,但在打印页面中看不到应用的字体 我按照以下方式进行打印: 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")

我用自定义字体创建了一个网页,我可以在浏览器中看到应用的字体,但在打印页面中看不到应用的字体

我按照以下方式进行打印:

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>

myriad-abcdefghijklmnopqrstuvwxyzabd efghijklmnopqrstuvxyzo123456789

serifa-bold-abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvxyzo123456789

serifa-abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvxyz0123456789

Alexandriaff-abcdefghijklmnopqrstuvxyzabefghijklmnopqrstuvxyzo123456789

Alexandrialf-Italic-abcdefghijklmnopqrstuvxyzabcdefghijklmnopqrstuvxyz012456789

Alexandrialf-Bold-ABCDEFGHIJKLMNOPQRSTUVWXYZACDEFGHIJKLMNOPQRSTUVWXYZ0123456789

Alexandriaff-BoldItalic-Abcdefghijklmnopqrstuvxyzabefghijklmnopqrstuvxyz012456789


请帮助我?

尝试将样式表媒体属性打印出来:

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

如果您找不到一种方法来实现这一点,那么还有另一种选择


您可以使用并制作一个可打印的PDF文件。

也许您需要在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;

}

解释为什么打印不适用于自定义字体的url,所以我在
firefox-20.0a1.en US.win32.installer.exe
中进行了测试。ttf和otf字体的应用完全符合要求。

media='all'
(问题中的内容)应包括打印。我怀疑能否使用fontFace打印?尝试设置另一种安全字体,看看它是否有效。如果是这样,则无法打印字体。我认为它应该首先安装在用户系统上。我想,我不确定,但是试试看。我的Firefox版本是:12.0,我的Safari版本是:5.1.2,我尝试了以下测试案例:案例1:
使用一个otf文件和css中的多个ttf字体进行测试,我只能看到在Firefox中应用了otf,但在safari中,otf字体应用文本是正常的,但ttf字体应用文本是混乱的文本
案例2:
使用两个otf文件、多个ttf文件进行测试,在safari中,所有otf字体文本都被正确应用,ttf字体文本再次被混淆,在firefox中,之前应用的otf被应用于整个文本
您能否发布演示页面的URL并识别用于测试的浏览器?