Axure在瀏覽器中預覽時文字大小錯誤失效的解決辦法
在用Axure設計時,有時候需要用到較小的文字來表達注釋、標簽等內容。但是在用瀏覽器預覽時,會遇到設置的字號無效的情況。本來設置的小字,一下變成很大一個的了。這樣不但影響美觀,還會造成錯行或撐破框架,讓原本漂漂亮亮的界面一下子變得慘不忍睹。

有些同學可能覺得這是Axure的一個BUG,但這鍋Axure不能背。這是瀏覽器最小字號設置的問題。在Axure里字號最小可以設置為6px最大可以設置為72px。而一般瀏覽器默認最小字號是12px,只要小于12px的,它都按12px處理。這就導致了較小字號設置無效的情況。
解決預覽時文字大小失效的問題,要么設計時不使用小于12px的字號,要么修改瀏覽器的設置。
拿谷歌瀏覽器來說,地址欄輸入chrome://settings/fonts,最小字號拖動到最小就可以了。
Safari瀏覽器在偏好設置> 高級 > 輔助功能里面把【字體大小不得小于】的選項去掉即可。

修改瀏覽器設置只是權宜之計,瀏覽器之所以默認顯示最小字體設置為12px,是為了讓用戶在不同設備上都能看清文字。為了用戶體驗,建議不使用12px以下的字號來設計原型。前端設計師為了滿足產品經理的任性要求,一般也會用圖片來展示特別小的文字。
標簽: