电子书阅读器没有捕获epub文件的嵌入字体

Question

电子书阅读器没有捕获epub文件的嵌入字体

cod*_*der 8 html css objective-c uiwebview epub

那里,

我的epub阅读器有问题,它正确显示所有内容,但它没有捕获css文件中的嵌入字体.

当我在其他阅读器上运行相同的文件时,显示嵌入的字体,但是当我在其中一个浏览器上运行html文件时,如firefox,它显示与我的应用程序相同的结果,并且它不显示嵌入的字体.

这是一个示例html内容:

<html  dir="rtl"   xml:lang="ar"   lang="ar"  xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=1332,height=794" />
        <title>the-title-3</title>
        <link href="css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
    </head>
    <body id="the-title-3" lang="en-GB" xml:lang="en-GB" style="width:1332px;height:794px">
        <div id="_idContainer003">
            <img class="_idGenObjectAttribute-1 _idGenObjectAttribute-2" src="image/inner_cover_and_credits_page.jpg" alt="" />
        </div>
        <div id="_idContainer004">
            <div style="width:11599.37px;height:2993.39px;position:absolute;top:0px;left:0px;-webkit-transform-origin: 0% 0%; -webkit-transform: translate(0px,3.93px) rotate(0deg) scale(0.05);transform-origin: 0% 0%; transform: translate(0px,3.93px) rotate(0deg) scale(0.05);">
                <p class="Basic-Paragraph ParaOverride-1"><span id="_idTextSpan000" class="CharOverride-1" style="position:absolute;top:13.65px;left:3168.24px;">?????? ???????? ?? ???? </span></p>
                <p class="Basic-Paragraph ParaOverride-1"><span id="_idTextSpan001" class="CharOverride-1" style="position:absolute;top:733.65px;left:831.71px;">&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;&#9;???????</span></p>
            </div>
        </div>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

这是相应的css文件:

@font-face {
    font-family:"Futura Lt BT";
    font-style:normal;
    font-weight:normal;
    src : url("../font/FuturaBT-Light.TTF") format('truetype');
}
@font-face {
    font-family:"GE SS Text Light";
    font-style:normal;
    font-weight:300;
    src : url("../font/GESSTextLight-Light.otf") format('opentype');
}
@font-face {
    font-family:"GE SS Text Medium";
    font-style:normal;
    font-weight:500;
    src : url("../font/GESSTextMedium-Medium.otf") format('opentype');
}
@font-face {
    font-family:"Simplified Arabic";
    font-style:normal;
    font-weight:bold;
    src : url("../font/SimplifiedArabic-Bold.ttf") format('truetype');
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote         {
    margin:0;
    padding:0;
    border-width:0;
    text-rendering:optimizeSpeed;
}
div.Basic-Text-Frame {
    border-style:solid;
}
p.ParaOverride-1 {
    line-height:1;
    white-space:nowrap;
}
span.CharOverride-1 {
    color:#000000;
    font-family:"GE SS Text Medium", sans-serif;
    font-size:420px;
    font-style:normal;
    font-weight:500;
}

Run Code Online (Sandbox Code Playgroud)

请在下面找到文件布局的屏幕截图:

要在UIWebView中加载html的内容:

[readingWebView loadHTMLString:contents baseURL:baseURL];

Run Code Online (Sandbox Code Playgroud)

我在其他阅读器上提交的文件与我在我的应用程序中使用的文件之间唯一的区别就是我提交了一个格式为.epub的文件到iBooks这样的其他阅读器,而我在同一个文件中使用扩展名为.zip的文件.应用.但我不确定这是否相关.要在epub中显示html文件的内容,我使用UIWebView.

任何提示或指导表示赞赏.

Answer 1

bat*_*str 2

我可以确认这个问题。我已经尝试过使用 2 种不同的阿拉伯字体（ “Arabic Magic”和“Mcs Book Title 3” ）的 HTML 和 CSS（对其进行了改编）。这些是 TTF 字体，但也不起作用。

应用后，Web Inspector 控制台中没有错误，字体加载良好。另外，当应用时，我实际上看到默认字体发生了一些变化：它增加了字母之间的间距，仅此而已。当我在 macOS 上尝试使用 Firefox 和 Chrome 时，情况也是如此。

我的猜测是，我们尝试的那些字体很可能不包含显示所需字符的所有字形，或者需要以某种方式处理字体，然后浏览器引擎（包括 UIWebView）才能成功检测和渲染它们。

我知道这不是一个明确的答案，但我只是在这里分享我的研究。希望对继续深入研究问题有所帮助。

归档时间：	7 年，8 月前
查看次数：	313 次
最近记录：	7 年，2 月前