我遇到了由InDesign epub导出生成的epubs(xhtml文件)的问题。它们在Firefox中看起来不错,但在Chrome和Mac epub阅读器中都没有。 在Chrome和epub阅读器中,与在Firefox中查看的相同xhtml相比,某些单词之间的间距会增加或减少。
考虑以下div
<div id="_idContainer039" class="Basic-Text-Frame">
<div style="width:5270.4px;height:2592px;position:absolute;top:0px;left:0px;-webkit-transform-origin: 0% 0%; -webkit-transform: translate(0px,5.12px) rotate(0deg) scale(0.05);transform-origin: 0% 0%; transform: translate(0px,5.12px) rotate(0deg) scale(0.05);">
<p class="body-text-25pt-no-indent ParaOverride-1">
<span id="w79" class="CharOverride-17" style="position:absolute;top:1181px;left:1514.4px;letter-spacing:-6.17px;">für </span>
<span id="w80" class="CharOverride-17" style="position:absolute;top:1181px;left:2029.29px;letter-spacing:2.34px;">Sofias </span>
<span id="w81" class="CharOverride-17" style="position:absolute;top:1181px;left:2982.32px;letter-spacing:-17.54px;">Vater,</span>
<span id="w82" class="CharOverride-18" style="position:absolute;top:1678.86px;left:549.45px;letter-spacing:4.63px;">Blumen</span>
<span id="w83" class="CharOverride-17" style="position:absolute;top:1821px;left:2288.22px;letter-spacing:-6.17px;">für </span>
</p>
</div>
</div>
然后是它的样式:
div.Basic-Text-Frame {
border-style:solid;
}
#_idContainer039 {
-webkit-transform:translate(21.600px,114.396px) rotate(0.000deg) skew(0.000deg) scale(1.000,1.000);
-webkit-transform-origin:0% 0%;
height:135.72px;
left:0px;
position:absolute;
top:0px;
transform:translate(21.600px,114.396px) rotate(0.000deg) skew(0.000deg) scale(1.000,1.000);
transform-origin:0% 0%;
width:263.52px;
}
span.CharOverride-17 {
color:#000000;
font-family:"TypographyofCoop-Forged", sans-serif;
font-size:380px;
font-style:normal;
font-weight:normal;
}
span.CharOverride-18 {
color:#a82478;
font-family:"Girard Sansusie", sans-serif;
font-size:540px;
font-style:normal;
font-weight:600;
}
我认为这取决于-webkit-transform,但我不知道是什么。我需要我的文件与Chrome兼容(因此,也称为MAC)。我使用的是最新的Chrome,47.0.2526.80米。
我应该为此做一些其他转换吗?
它的外观如下:
感谢您的信息!