内嵌字体的EPUB制作全接触

html-css011

内嵌字体的EPUB制作全接触,第1张

    以下内容都是干货,目的是解决部分设备(比如 日版的 sony prs 350 阅读器)上无法显示中文字体的问题。没有此问题,或者对电子书制作不感兴趣的可以不用看了,想要了解一下电子书的制作过程的可以继续。

    先说下原理,很简单, 因为 epub 格式可以使用内嵌字体,那么在阅读器不支持安装调用自己字体的时候,通过 epub 格式的接口可以实现多字体的浏览, 所以问题的关键就在于如何嵌入字体。

    然后,开始,准备工作,因为都是纯软件操作,基本上需要一台电脑,准备好各种软件就行了,这些软件有:

    1,2,3 都是转换工具,1可以独立完成 txt 到 epub 的转换,2和3 配合着用,对其他格式的 epub 进行 css 调整,使之可以使用内嵌字体,4是编辑器。

  下面以《Starting+Over+重启人生》.txt 为样本做一下介绍,这是原文:

    排版算是比较精美的了,但是如果直接放进不支持的设备,显示是这样的。

    事实上,还有一些 txt 档格式存在其他各种问题,比如硬回车,空格格式不统一,缩进等等,需要自己调整一下,也可以用 easypub 改变一部分。

    然后是主菜,上 easypub,其实这是一个很好的电子书转换工具,不光支持 txt 转 epub 现在(1.5)还支持转 .mobi 和 azw3 格式,当然我用的多是 epub 了。

    设置参数:

    根据这个 txt 档的特点,我讲章节的正则规则设置成:^\s*[1234567890]+|^s*后记$,通过“章节编辑”功能,能提前看到划分后的结果。

    嵌入字体的设置:

    然后点执行,看看结果吧:

    很简单吧,唯一复杂一点的就是章节正则表达式的选择。

    下面以 《神曲+(译文名著精选)+-+但丁·阿利吉耶里+朱维基译.epub》为例子来说明,以下是原文(583K)

    如果在电子书上看,又遇到设备不支持自定义字体的情况,就和前面讲的一样,都是方框,我们先尝试一下,能否替换为内置字体,运气好的话,是用老牛字体css的电子书,可以一步进行转换。

    是否有运气?

    不能通过,看来原来的 css 并不是老牛样式,必须还有做一次转换!当然,你可以用 Sigil 进行手动调整,还有简单的办法!

    这次我们请出 老牛的作品 cssStar

进行转换的设置:

注意其中最重要的设置,替换 css 为老牛样式,然后。

再次请出  fontRepack 。。。

转换成功,因为《神曲》字体结构比较复杂,还是缺两个生僻字,不过已经可以看了。

最后简单说一下,Sigil 编辑功能,嗯,基本上就是提一下。

    就这样简单说一下 Sigil 的基础修改功能,那么就愉快地结束吧,如果对自己制作的电子书不满意,需要更深度的修改,就需要对 Sigil 进行更深入的学习了,这不是这篇文章的主要目的,有期望的话说不定下次会提一下,哈哈,其实我也算是  Newbie。

设置方法如下:

1、

font-family:\u65b9\u6b63\u884c\u6977\u0020

其中\u65b9\u6b63\u884c\u6977\u0020是方正行楷的Unicode编码,这样避免了浏览器不认识方正行楷的问题

2、浏览者的电脑本地必须要有这个字体才能显示出该字体的效果。

因为你提到了点击,所以我猜想你那个文字应该是A标签。所以对A标签做了处理

代码如下:

<html>

 <head>

  <title> New Document </title>

<style type="text/css">

a{    //默认格式

font-size:10px    //字体大小

font-weight:bold    //加粗

color:#FF3030    //未点击过的颜色

text-decoration:none    //去下划线

}

a:hover{    //鼠标移动上去的格式

color:#A020F0    //移动上去时的颜色

text-decoration:underline    //移动上去时显示下划线

}

a:visited{    //访问过的样式

color:#A1A1A1    //访问过的颜色。

}

</style>

 </head>

 <body>

<a href="#">123</a>

 </body>

</html>