PG电子(中国)官方网站-PG引领电子科技

PG电子科技:制作KF8标准电子书示例(上):字体与文本-PG电子平台
PG电子平台
NEWS 行业资讯
当前位置:行业资讯

Title
PG电子科技:制作KF8标准电子书示例(上):字体与文本

发布时间:2025-10-15 17:32:05    作者:小编    点击量:

  关于如何制作 Kindle 电子书,可以参考《遵循亚马逊标准!Kindle 电子书专业制作教程》这篇文章,文中介绍了制作 Kindle 电子书的必要步骤,但对如何格式化电子书内容着墨不多,所以本文将会把这部分内容展开,结合示例详细说明。限于篇幅本文分为上下两篇,分别为“字体与文本”和“图片与背景”。

  KF8 标准的 Kindle 电子书支持多种为文本添加样式的方式。不过一般情况下,不建议为文本内容指定字体样式(如字体、字号、颜色等),因为用户更喜欢根据自己的阅读偏好控制显示字体或本文的显示。

  为文本设置字体样式有两种方法,一种是使用 HTML 中的font标签,另一种是使用 CSS 样式。

  你可以为电子书内容设置字体(Font Face),一旦为内容指定了字体,用户在 Kindle 字体设置里选择的字体将会被你所指定的字体所取代。除了可以添加系统自带字体(如英文字体 Bookerly、Baskerville、Helvetica 等,中文字体“宋体”、“黑体”等),还可以使用自定义字体。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图1)

  使用 HTML 的font标签及其属性face设置字体,使用属性color和size设置字体颜色和字号。

  除了使用 HTML 标签外,也可以使用 CSS 样式属性font-family实现同样的效果。

  注意,对于当前只有黑白屏幕的 Kindle 设备来说,把字体设置为彩色并没有什么作用,但是对于可以阅读 mobi 格式的平板设备,以及未来会出现的彩色 E-Ink 设备就有用了。

  除 font 标签外,还可以使用 CSS 样式实现包括风格、字号、异体(小型大写字母)在内的字体设置。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图2)

  样例中实现的字体效果是通过font-style(字体风格)、font-weight(字体粗细)和font-variant(小型大写字)这三个 CSS 属性实现的。其中font-variant属性对中文没什么意义。

  注意,为说明更直观,这里的 CSS 代码使用的是“内联样式”,你可以使用“外部样式表”或“内部样式表”。

  除了字体样式可以设置,还可以使用文本样式格式化文本内容,比如字间距和文本对齐。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图3)

  使用 CSS 样式可以使文本内容按照你所想要效果对齐,如居中、左对齐或右对齐。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图4)

  调整文本对齐方式可以使用text-align属性,三个值分别为 center(居中对齐)、left(左对齐)、right(右对齐)。设置文本首行缩进可以使用text-indent属性。

  比如中文中常用的首行缩进两个字符,就可以使用text-indent: 2em;这行 CSS 代码实现。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图5)

  设置文本阴影可以使用text-shadow这一 CSS 属性。需要注意的是,示例中text-shadow有三个属性,从左至右依次为:阴影的水平位移大小、阴影的垂直位移大小以及阴影的颜色。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图6)

  设置首字下沉可以使用float、font和margin属性。示例中实现首字下沉的 CSS 代码如下所示。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图7)

  设置文本内容的显示区域可以使用width和height这两个 CSS 属性。

  设置区域时,有些单词可能会溢出设置宽度的边界,可以使用word-wrap这个属性避免这一问题。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图8)

  为内容设置边框可以使用border这一 CSS 属性,不同的边框风格、尺寸和颜色可以实现不同的边框样式。border的 CSS 代码可以如示例中那样分开写,以便更精确的控制每一条边,也可以把所有边框属性在一个声明之中,可以根据实际情况选用。各种属性用法可查看 CSS 参考手册中的Border 用法。

  注意,为使内容更具可读性,可以使用padding属性在内容和边框之间产生一些空间。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图9)

  关于背景样式的更多内容,请查看《制作 KF8 标准电子书示例(下):图片与背景》这篇文章。

  用 CSS 属性为文本内容添加边框后,还可以设置不同的边框风格以区分不同内容,如笔记、标注、标签等。比如圆角边框,就可以很明显得在视觉上区分不同类型的内容。

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图10)

PG电子科技:制作KF8标准电子书示例(上):字体与文本(图11)

  表格在 mobi 格式中看起来不是很美观。对于 mobi 格式,可以将 CSS 媒体查询和隐藏属性display: none;结合使用,用有着同样内容的图片替代表格。

  以上便是制作 Kindle 电子书时对文本内容的常用设置,当然有些用法并不拘泥示例中的代码,如果想知道 KF8 标准电子书都支持哪些 HTML 和 CSS,可以参考《KF8 格式电子书支持的 HTML 标签和 CSS 属性》这篇文章或者前往亚马逊官网获悉。下篇我们将会详细介绍 Kindle 电子书中的图片和背景的用法。

  提示:带 * 标记PG引领电子科技的是必填项。您填写的邮箱地址将会被保密。首次留言将会在通过人工审核后显示。如果是提出问题,请务必提供尽可能多信息,这有助于他人更好地理解你所提出的问题。

返回列表

联系我们

contact us
Copyright © 2024 PG电子网络科技有限公司 版权所有  ICP备案编号:粤ICP备17002766号