snail-font
v1.9.4
Published
snailreader hybrid page font family improve
Downloads
4
Readme
蜗牛字体显示优化组件
组件功能
- renderFonts
从网络加载视觉要求的汉仪旗黑
500
和600字重的字体作为中文普通及粗体字体,而安卓设备还会从网路加载视觉要求的Avenir550和650字重的字体作为英文及数字普通及粗体字体,从而达到视觉要求的页面字体显示效果。 - renderAlphabetFonts
使用视觉要求的英文及数字字体Avenir来渲染页面,与
renderFonts
不建议同时使用
使用方法
npm i snail-font --save
import renderFonts from 'snail-font'
renderFonts() //在页面初始化阶段调用本方法即可
renderAlphabetFonts() //同上
注意事项
- 蜗牛客户端目前使用的是UIWebView,在iOS12版本中存在缓存问题,导致每次加载页面都会重新下载字体造成页面打开缓慢,所以在iOS12版本的客户端内暂时禁用
renderAlphabetFonts
方法与renderFonts
方法不建议同时使用renderAlphabetFonts
方法由于所依赖的字体文件较小,所以在iOS12的蜗牛客户端内依然生效- 如果遇到某些安卓机型由于此字体设置导致文字无法垂直居中,可以将需要垂直居中的元素设置为
font-family: serif
来将指定元素的字体回退到默认字体; 已知机型:Android5.1的魅族,Android8.0的荣耀等