本文关键词：dw做网站字体做多大

干这行十五年了，我见过太多老板拿着设计稿来找我，一脸懵逼地问：“为啥我电脑上看好好的，手机上字小得跟蚂蚁似的？”其实吧，这事儿真不怪你，怪就怪在咱们太迷信“设计感”，忘了用户是来干啥的。今天咱不整那些虚头巴脑的理论，就聊聊最实在的：dw做网站字体做多大，才能让人愿意看下去？

先说个真事儿。前年有个做本地家政服务的客户，找之前那个外包公司做的站，看着挺高大上，背景黑得跟墨汁似的，正文用的是那种花里胡哨的艺术字，字号还小，大概就12px左右。结果呢？转化率惨不忍睹。后来我接手改，没动设计，就把正文统一改成了16px，行间距拉大到1.8倍。你猜怎么着？咨询量直接翻了一倍。为啥？因为大多数用户是拿着手机在马桶上或者地铁上刷网页的，字大了，看着不累，信任感自然就来了。

那具体到底设多少合适？这里头有个门道。

首先是基础字号。现在主流浏览器默认字号一般是16px，这是人体工学的舒适区。如果你用DW（Dreamweaver）做站，千万别手贱去改全局默认值，除非你有特殊需求。正文内容，我建议死死守住16px这个底线。如果是移动端优先的网站，14px是极限，再小就是耍流氓。很多新手喜欢用12px或者14px做正文，觉得显得精致，其实那是给设计师看的，不是给大爷大妈看的。

其次是层级关系。标题不能太小，H1标签至少得比正文大一号，甚至大两号。比如正文16px，H1可以设到24px或者28px。H2可以设到20px。这个比例大概保持在1.2到1.5倍之间比较和谐。别搞那些花里胡哨的跳跃，比如正文14，标题30，看着像精神分裂。

再说说颜色对比。字体大小定了，颜色也得跟上。千万别用浅灰色做正文，除非你想让用户得白内障。深灰配白底，或者白字配深蓝底，对比度要高。有些客户喜欢用那种高级灰，结果字都看不清，最后还得回来找我救火。

还有行间距，这个容易被忽视。行高设为字号的1.5到1.8倍，阅读体验会有质的飞跃。就像看书一样，密密麻麻的字谁爱看？留白才是高级感，但前提是字得大得清楚。

我常跟徒弟说，做网站不是搞艺术展览，是做生意。用户进来，三秒内看不懂你在卖啥，或者看着费劲，他立马就走。你想想，你自己刷抖音，字幕要是太小，你是不是得眯着眼找？网站也一样。

另外，响应式设计是必须的。现在谁还只用电脑看网站？用媒体查询（Media Queries）针对不同屏幕调整字体大小是基本功。比如手机端，H1可以稍微缩小到22px，正文保持16px，这样既节省空间又保证可读性。

最后提醒一句，别太纠结像素级的完美。浏览器渲染机制不同，IE、Chrome、Safari显示效果都有细微差别。只要肉眼看着舒服，不挤兑，不模糊，就是好设置。实在拿不准，就把自己手机拿出来，打开自己的网站，眯着眼看两分钟，要是觉得累，那就赶紧改大。

总之，dw做网站字体做多大，没有标准答案，但有黄金法则：清晰、舒适、易读。别为了所谓的“设计感”牺牲用户体验，那才是捡了芝麻丢了西瓜。希望这点经验能帮到正在折腾网站的你，少走点弯路。