Html 使用自定义字体打印不起作用
我用自定义字体创建了一个网页,我可以在浏览器中看到应用的字体,但在打印页面中看不到应用的字体 我按照以下方式进行打印: fonttest.css文件包含以下内容: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")
@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并识别用于测试的浏览器?