在用Axure设计时,有时候需要用到较小的文字来表达注释、标签等内容。但是在用浏览器预览时,会遇到设置的字号无效的情况。本来设置的小字,一下变成很大一个的了。这样不但影响美观,还会造成错行或撑破框架,让原本漂漂亮亮的界面一下子变得惨不忍睹。
有些同学可能觉得这是Axure的一个BUG,但这锅Axure不能背。这是浏览器最小字号设置的问题。在Axure里字号最小可以设置为6px最大可以设置为72px。而一般浏览器默认最小字号是12px,只要小于12px的,它都按12px处理。这就导致了较小字号设置无效的情况。
解决预览时文字大小失效的问题,要么设计时不使用小于12px的字号,要么修改浏览器的设置。
拿谷歌浏览器来说,地址栏输入chrome://settings/fonts,最小字号拖动到最小就可以了。
Safari浏览器在偏好设置> 高级 > 辅助功能里面把【字体大小不得小于】的选项去掉即可。
修改浏览器设置只是权宜之计,浏览器之所以默认显示最小字体设置为12px,是为了让用户在不同设备上都能看清文字。为了用户体验,建议不使用12px以下的字号来设计原型。前端设计师为了满足产品经理的任性要求,一般也会用图片来展示特别小的文字。