苹果CMS页面字体大小统一设置 新手一看就会的简单实操

为啥非要给苹果CMS统一字体大小？

你有没有发现，网上下载的免费苹果CMS模板，十有八九字体大小都乱得离谱。列表页字挤成一团，详情页字大得能当标题，手机打开一会大一会小，用户看两分钟就嫌累退出去了。

说白了，排版乱不仅留不住访客，搜索引擎对你站的印象也会打折扣，这事儿又不难犯不着凑活。

全程不用改多个文件，一步就能搞定

先找到你当前在用的模板公共样式

登录你的服务器或者FTP空间，苹果CMS的模板都放在根目录/templates/你已经启用的模板文件夹/里。公共样式一般叫style.css或者base.css，基本都在css子目录里面。

找不到就直接搜后缀.css，找那个体积最大的公共样式文件准没错。

添加全局统一字体的CSS代码

打开找到的css文件，不管你加在文件最顶部还是最底部都可以，直接复制这段代码就行：

``` / 统一苹果CMS全局字体大小 / { font-size: 14px !important; } / 单独给标题设置统一大小，不需要可以删掉 / h1, h2, h3, .title { font-size: 16px !important; } ```

这里说个重点，14px是PC端常用的正文字体大小，你想调大改小直接改数字就行，加!important就是强制让我们的规则覆盖模板原来乱七八糟的字体设置，专治各种模板自带的乱样式，百试百灵。

清完缓存就能看效果

很多人改完代码刷新，发现没变化直接懵了，这哪里是错了，是苹果CMS本身有缓存啊！

你先去后台系统设置 - 缓存更新 - 清空所有缓存，再清一下自己浏览器的缓存，刷新页面就能看到所有字体整整齐齐统一了，是不是比你一个个改页面省太多时间？

几个新手容易踩的坑提前说清楚

• 响应式模板要适配手机的话，直接再加一段媒体查询代码就行，手机端字体大一点看着舒服： ``` @media screen and (max-width: 768px) { { font-size: 16px !important; } } ```
• 只要你加对了公共样式文件，全站所有页面都会生效，不用挨个去改分类页、播放页，一次搞定所有。
• 改完还是有一两个地方字体不对？那就是那个模块写了内联样式，百分之九十的模板都不会有这情况，真遇上了单独给那块加个规则就行，不影响整体。

其实这就是个小技巧，我之前刚用苹果CMS的时候，傻乎乎挨个文件改字体，改了一下午还改不全，后来才想到用全局覆盖，一分钟就搞定了，把这方法分享出来，省得你跟我一样走弯路。