使用javascript代码调整修改日志文章网页内容字体大小font-size

12月 25, 2021 / 程序员

怎么修改wordpress文章字体大小,如果你想修改文章字体的大小就找到：

.text {style:none;font-size:14px;line-height:30px;}

和上面一样，修改font-size:14px中px下面的数字就行了，我们这个为14px，那大家就可以根据自己网站进行相应的修改。

wordpress 修改文章字体颜色

感觉WordPress比较灰的字体看着不舒服，略微修改成为黑色，感觉貌似好点。

进入：站点管理-》外观-》编辑-》样式表（style.css）。   [点击位置在右下角]

找到以下代码

123456.post .content { font-size:14px; padding:5px 0 0 5px; line-height:145%; overflow:hidden;}

在“{”后面添加如下代码设置文章字体大小：

1color:black;

修改后此段代码如下：

1234567.post .content { color:black; font-size:14px; padding:5px 0 0 5px; line-height:145%; overflow:hidden;}

点击“更新文件”按钮，修改完成。

CSS：
em版本：
body  { font-size:16px;        /* base font size set in pixels*/}
h1     { font-size:1.5em;       /* 24px / 16px */                   }
span  { font-size: .666666667em;         /*  16px / 24px*/   }（解释：上下文环境变了，基准已经不再是body字体的16px,而是h1元素的24px）

rem版本：
html  { font-size:100%;        /* equates to ~16px*/}
h1     { font-size:1.5em;       /* 24px / 16px */                   }
span  { font-size: 1rem;         /*  16px / 16px*/   }（解释：span元素将继承html元素的字体大小，而不是包含它的div元素）
【Opera Mobile 浏览器还没有支持rem，所以额外设置以元素为单位的备用方案。】
span { font-size:16px; font-size:1rem; }
问题1：
基准字以em为单位，IE会夸大实际应当调整的字体大小。
解决：
在body元素上以百分比为单位指定基准字体大小来绕过这个问题。

  1. body { font-size:100% }

复制代码

问题2：
em 与 rem 的区别
分析：
（1）em 。是一种更加流行、更具灵活性字体大小单位。1em等于默认的字体大小。
如果内容的字体大小是16px，那么1em=16px. 2em=32px.
（2）rem 。是一种极具潜力，并兼灵活性字体大小单位。以rem(“root em”)作为单位。
rem的大小与根元素——HTML元素——有关。例子：
Html：

  1. <body>
  2. <div id=”main”>
  3. <h1>Question One<span>Please choose an ans</span></h1>
  4. <p>In which book did H.G. Wells</p>
  5. <ol>
  6. <li>Yhe Invisible Man</li>
  7. <li>The War of the Worlds</li>
  8. <li>The World Set Free</li>
  9. </ol>
  10. </div>
  11. </body>

总结：
1、body { font-size:100%; } 对于大多数浏览器来说能保证基准font-size的值为16px。
2、算出em的值：目标/上下文环境 = 结果 （24px / 16px = 1.5 em）
3、写代码时多使用注释，方便记忆。