妙网科技 - 触屏版

当前位置: 首页 > 电子杂志 > 正文

FLBOOK文字排版问题汇总

FLBOOK是一款不错H5电子杂志、电子画册、电子书刊在线制作平台，由于其具有在线排版的功能，让很多非设计出身的朋友也可以制作出精美的作品。但是在线排版具有一些需要注意的问题，下面我将罗列出新手们经常会出现的几个问题。

在线排版的优点：

1.文字清晰可见，放大后不模糊。

2.可以添加动画效果、滚动条等。

3.可以通过搜索功能查找内容。

4.文本相对于图片，可节省百倍的存储空间。

5.可以随时随地编辑修改内容。

6.操作简单，可以套用模板制作。

在线排版缺点：

不支持图文绕排，不支持上下文自动衔接，不同的设备渲染呈现的效果存在一定的误差，需要排版时多注意。

一、手机中观看，文字出现跳行：

原因：不同的手机对文字大小、标点符号尺寸的解析有误差。特别是苹果手机与安卓手机，不同的地方有很多。

解决方法：文本框右侧多留一些空白的伸缩空间，单行文本可以开启禁止自动换行功能。

二、长篇幅文字，底部显示不全：

原因：同样是因为不同的设备，对文字和标点符号的大小解析有误差，文字越多，累加出来的误差越明显。

解决方法：

方案1、文本框底部保留足够多的空白，使文字具有一定的伸缩空间。

方案2、使用云字体，可以解决这种误差。

方案3、对文本开启滚动条，开启滚动条后，当文字高度超出文本框，则自动出现滚动条，读者可以上下滑动查阅文字（如果需要导出PDF打印，请勿使用滚动条）。

方案4、对文本开启栅格化发布，发布后文字将转换为图片显示，解决误差问题（栅格化发布不适合大面积使用）。

三、设置楷体或隶书，手机中不显示：

原因：使用FLBOOK默认的几款系统字体，当你的设备系统中存在这个字体才会显示，手机系统中没有这个字体就显示为手机中默认的字体。

解决方法：

1、免费版用户尽量使用默认字体，产生的误差较小。

2、VIP用户可以使用云字体，云字体为网络字体，通过网络实时加载的字体，无需手机中有这款字体。

3、对文本开启栅格化发布，发布后文字将转换为图片显示，可以解决该问题（栅格化发布不适合大面积使用）。

四、设置文字大小不起作用，是什么原因？

原因：

可能1、粘贴进去的文字自带有样式，导致设置样式不起作用。

可能2、你的操作逻辑上出现问题，你已经双击后在右侧栏设置了字体大小，然后又单击该文本框，在右侧栏设置文字大小。这两种设置方式具有优先级的逻辑，双击文本框后右侧栏设置的是文本框内选中的文字的属性，单击文本框后右侧栏设置的是整个文本框文字的大小。内的优先级大于外，所以先设置了里面文字的属性，再对外框设置就无效了。

请注意这两种设置方式的区别，不可混淆乱用。

解决方法：清除文本样式，重新设置。（建议统一对外框设置样式，因为设置外框文本样式后，你复制该文本框到其他页，替换文字后，文本框的样式属性是保持不变的。如果是双击后设置的属性，当替换文字后，需要再次设置样式属性。）

五、文字与图片绕排后，手机中显示错乱：

原因：多数设计师，有文字绕排图片的习惯，但是在H5中，不支持这种绕排。他们会手动切断文字来进行绕排。这样由于各种手机对文字大小解析的误差，导致切断的位置衔接不上，甚至错乱。

解决方法：尽量不使用文字环绕图片的排版方式，如果必须使用，尽量使用云字体，或者对绕排的文字开启栅格化发布，发布后文字将转化为图片显示，不存在错位问题。

六、栅格化发布不起作用？

原因：

1、栅格化发布，需要发布后才能看到效果。

2、发布后又进行修改，修改后栅格化发布会失效，需要再次发布，会重新将文字转图片。

解决方法：重新发布。

七、形状错位，线条不显示？

原因：某些手机或系统，对SVG格式的形状支持不友好，造成一些误差。由于形状是固定尺寸的矢量图，当线条宽度小于1像素时，手机中就无法看到线条了。

解决方法：简单的形状，尽量使用文本框来绘制，文本框绘制的图形兼容性好，不存在错位问题等。

绘制方法：https://flbook.com.cn/tutorial/list.html#s24

最后，关于排版优化的建议：

1.思路清晰，样式统一，编组与锁定运用得当，下一步做什么需要心里有数，不要弄得一塌糊涂。

2.标题文字、单行文字，记得开启“禁止自动换行”，请在右侧栏中找到该按钮。

3.多行文字，注意在文本框底部多留一些伸缩空间。

4.超长文字，可以开启滚动条，在一页中做完。尽量不要拆分成多页，或者多个文本框。

5.直线、虚线、色块、方形、圆形、椭圆形、方框等，均可以使用文本框进行绘制，参考：https://flbook.com.cn/tutorial/list.html#s24

6.尽量用最少的元素达到想要的效果。

7.尽量针对文本框设置属性，不要针对选中的文本设置属性，如果需要对个别文字加粗或变色，可以双击后选中改文字设置。

8.尽量设置最少的样式属性达到想要的效果。请勿每个属性都设置，行距、字距、段距、内边距等保持默认即可，设置的属性越多，越可能会导致不同设备之间的误差变大。