织梦模板字体丑排版散？三步轻松搞定全局自定义加细节适配

你有没有发现，刚套了个好看的织梦模板，一预览内容全垮——要么标题标题挤一堆看不清层级，要么正文灰扑扑晃眼睛，要么手机端直接缩成蚂蚁字。很多人都觉得得改代码太麻烦，直接放弃了，其实这事儿吧，改织梦模板字体，真的没想象中难。 先得找到织梦模板的CSS样式文件在哪。就像家里装修改壁纸，首先得打开墙纸存放的柜子对吧？ 登录你的织梦后台，找到左侧菜单的【模板】-【默认模板管理】，然后点上面的【文件管理器】。进去之后能看到好多文件夹，别慌，找【templets】-【你用的当前模板文件夹名】-【style.css】。这个就是存放你整个模板“穿衣规则”的核心文件，一般都是开头第一个带style字样的大文件。要是找不到这个？也有可能在文件夹里叫别的，比如index_style.css、default.css，点进去看一下有没有一大堆font开头的属性就行。 接下来，咱们先搞最省事儿的全局字体调整，这一步能直接让整个网站80%的地方顺眼起来。 打开style.css文件，直接滑到最前面，找有没有类似body{...}的代码块。要是没有的话，自己在文件开头敲一段``` body{ font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size: 16px; color: 333333; line-height: 1.8; } ``` 这串代码啥意思？给你掰扯明白。font-family是字体队列，优先用微软雅黑，没有的话退而求其次用Arial，最后留个万能通用的sans-serif兜底，不管访客用啥设备都能正常显示。font-size是正文基础字号，PC端一般16px刚好，手机端的话后面可以单独加小规则。color别用纯黑，333333是最常用的“护眼黑”，看着不刺眼。line-height就是行间距，1.8倍到2倍都很舒服，像咱们平时看书的行距。 全局改完，剩下的就是关键部位的细节调整，比如标题、侧边栏、版权信息这些，不然整个网站全是一个大小的字，像个没感情的说明书。 先说标题，织梦默认的h1到h6标签，肯定得有层级。一般PC端h1可以设成24px-28px，加粗，颜色可以换个品牌色或者稍微深一点的222；h2就是20px-22px，也可以加粗但颜色别抢h1风头；h3到h6依次往下减，颜色也可以调浅到444、555。举个h1的例子，在style.css里加一段``` h1{ font-family: "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 26px; font-weight: bold; color: 222222; margin-bottom: 15px; } ``` 侧边栏的小文字或者列表项，可以设成14px，颜色666，版权信息更小点12px，颜色888，行间距可以稍微小一点比如1.5倍。 要是你不想改大段CSS，只想改某一篇文章或者某一个页面的特定文字，也有办法，不用去文件管理器。 编辑织梦文章的时候，切换到【源码】模式，找到你要改的那段文字，用HTML的span标签加style属性就行。比如你想把某句话改成红色加粗20px，就敲``` 这段话要重点强调 ``` 保存之后预览，就是你想要的效果了。 对了，提醒一句，改完style.css之后，一定要去织梦后台【生成】-【一键更新网站】，不然浏览器缓存的还是旧的样式，你改了半天看不到白忙活。要是一键更新没用，就手动清除一下浏览器缓存，刷新页面试试。