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