FLBOOK文字排版問題匯總
FLBOOK是一款不錯H5電子雜志、電子畫冊、電子書刊在線制作平臺，由于其具有在線排版的功能，讓很多非設(shè)計出身的朋友也可以制作出精美的作品。但是在線排版具有一些需要注意的問題，下面我將羅列出新手們經(jīng)常會出現(xiàn)的幾個問題。
在線排版的優(yōu)點：
1.文字清晰可見，放大后不模糊。
2.可以添加動畫效果、滾動條等。
3.可以通過搜索功能查找內(nèi)容。
4.文本相對于圖片，可節(jié)省百倍的存儲空間。
5.可以隨時隨地編輯修改內(nèi)容。
6.操作簡單，可以套用模板制作。
在線排版缺點：
不支持圖文繞排，不支持上下文自動銜接，不同的設(shè)備渲染呈現(xiàn)的效果存在一定的誤差，需要排版時多注意。
一、手機(jī)中觀看，文字出現(xiàn)跳行：
原因：不同的手機(jī)對文字大小、標(biāo)點符號尺寸的解析有誤差。特別是蘋果手機(jī)與安卓手機(jī)，不同的地方有很多。
解決方法：文本框右側(cè)多留一些空白的伸縮空間，單行文本可以開啟禁止自動換行功能。
二、長篇幅文字，底部顯示不全：
原因：同樣是因為不同的設(shè)備，對文字和標(biāo)點符號的大小解析有誤差，文字越多，累加出來的誤差越明顯。
解決方法：
方案1、文本框底部保留足夠多的空白，使文字具有一定的伸縮空間。
方案2、使用云字體，可以解決這種誤差。
方案3、對文本開啟滾動條，開啟滾動條后，當(dāng)文字高度超出文本框，則自動出現(xiàn)滾動條，讀者可以上下滑動查閱文字（如果需要導(dǎo)出PDF打印，請勿使用滾動條）。
方案4、對文本開啟柵格化發(fā)布，發(fā)布后文字將轉(zhuǎn)換為圖片顯示，解決誤差問題（柵格化發(fā)布不適合大面積使用）。
三、設(shè)置楷體或隸書，手機(jī)中不顯示：
原因：使用FLBOOK默認(rèn)的幾款系統(tǒng)字體，當(dāng)你的設(shè)備系統(tǒng)中存在這個字體才會顯示，手機(jī)系統(tǒng)中沒有這個字體就顯示為手機(jī)中默認(rèn)的字體。
解決方法：
1、免費版用戶盡量使用默認(rèn)字體，產(chǎn)生的誤差較小。
2、VIP用戶可以使用云字體，云字體為網(wǎng)絡(luò)字體，通過網(wǎng)絡(luò)實時加載的字體，無需手機(jī)中有這款字體。
3、對文本開啟柵格化發(fā)布，發(fā)布后文字將轉(zhuǎn)換為圖片顯示，可以解決該問題（柵格化發(fā)布不適合大面積使用）。
四、設(shè)置文字大小不起作用，是什么原因？
原因：
可能1、粘貼進(jìn)去的文字自帶有樣式，導(dǎo)致設(shè)置樣式不起作用。
可能2、你的操作邏輯上出現(xiàn)問題，你已經(jīng)雙擊后在右側(cè)欄設(shè)置了字體大小，然后又單擊該文本框，在右側(cè)欄設(shè)置文字大小。這兩種設(shè)置方式具有優(yōu)先級的邏輯，雙擊文本框后右側(cè)欄設(shè)置的是文本框內(nèi)選中的文字的屬性，單擊文本框后右側(cè)欄設(shè)置的是整個文本框文字的大小。內(nèi)的優(yōu)先級大于外，所以先設(shè)置了里面文字的屬性，再對外框設(shè)置就無效了。
請注意這兩種設(shè)置方式的區(qū)別，不可混淆亂用。
解決方法：清除文本樣式，重新設(shè)置。（建議統(tǒng)一對外框設(shè)置樣式，因為設(shè)置外框文本樣式后，你復(fù)制該文本框到其他頁，替換文字后，文本框的樣式屬性是保持不變的。如果是雙擊后設(shè)置的屬性，當(dāng)替換文字后，需要再次設(shè)置樣式屬性。）
五、文字與圖片繞排后，手機(jī)中顯示錯亂：
原因：多數(shù)設(shè)計師，有文字繞排圖片的習(xí)慣，但是在H5中，不支持這種繞排。他們會手動切斷文字來進(jìn)行繞排。這樣由于各種手機(jī)對文字大小解析的誤差，導(dǎo)致切斷的位置銜接不上，甚至錯亂。
解決方法：盡量不使用文字環(huán)繞圖片的排版方式，如果必須使用，盡量使用云字體，或者對繞排的文字開啟柵格化發(fā)布，發(fā)布后文字將轉(zhuǎn)化為圖片顯示，不存在錯位問題。
六、柵格化發(fā)布不起作用？
原因：
1、柵格化發(fā)布，需要發(fā)布后才能看到效果。
2、發(fā)布后又進(jìn)行修改，修改后柵格化發(fā)布會失效，需要再次發(fā)布，會重新將文字轉(zhuǎn)圖片。
解決方法：重新發(fā)布。
七、形狀錯位，線條不顯示？
原因：某些手機(jī)或系統(tǒng)，對SVG格式的形狀支持不友好，造成一些誤差。由于形狀是固定尺寸的矢量圖，當(dāng)線條寬度小于1像素時，手機(jī)中就無法看到線條了。
解決方法：簡單的形狀，盡量使用文本框來繪制，文本框繪制的圖形兼容性好，不存在錯位問題等。
繪制方法：https://flbook.com.cn/tutorial/list.html#s24
最后，關(guān)于排版優(yōu)化的建議：
1.思路清晰，樣式統(tǒng)一，編組與鎖定運(yùn)用得當(dāng)，下一步做什么需要心里有數(shù)，不要弄得一塌糊涂。
2.標(biāo)題文字、單行文字，記得開啟“禁止自動換行”，請在右側(cè)欄中找到該按鈕。
3.多行文字，注意在文本框底部多留一些伸縮空間。
4.超長文字，可以開啟滾動條，在一頁中做完。盡量不要拆分成多頁，或者多個文本框。
5.直線、虛線、色塊、方形、圓形、橢圓形、方框等，均可以使用文本框進(jìn)行繪制，參考：https://flbook.com.cn/tutorial/list.html#s24
6.盡量用最少的元素達(dá)到想要的效果。
7.盡量針對文本框設(shè)置屬性，不要針對選中的文本設(shè)置屬性，如果需要對個別文字加粗或變色，可以雙擊后選中改文字設(shè)置。
8.盡量設(shè)置最少的樣式屬性達(dá)到想要的效果。請勿每個屬性都設(shè)置，行距、字距、段距、內(nèi)邊距等保持默認(rèn)即可，設(shè)置的屬性越多，越可能會導(dǎo)致不同設(shè)備之間的誤差變大。
陜ICP備13005001號-1
陜公網(wǎng)安備 61102302611024號
工商監(jiān)管