Wordpress 更改字体图标中的字体大小

我使用的是parallax pro genesis儿童主题，所以我在一个小部件区域内工作

我不确定我是否以正确的方式进行了此操作，但我尝试通过在小部件区域中执行此操作，在字体很棒的图标下编写：

<i class="fa fa-code fa-4x">Fully mobile responsive designs 
that adjust to fit all platforms</i>

全移动响应设计
可以调整以适应所有平台

它是有效的，但文本是巨大的。如何更改文本的大小？我曾尝试在font awesome css文件夹的.fa代码部分更改字体大小，但没有效果。有没有更好的方法可以在我的图标下写作，或者应该这样做

---

谢谢

实际上，字体图标是文本符号。这意味着它的大小受

font size

属性的影响

fa

CSS类代表令人敬畏的字体和通用样式。

fa-code

CSS类代表指定的图标。

fa-4x

CSS类代表“字体大小：4em

这意味着，当您将文本包含在FA span中时，整个文本将增加4倍。在您的示例中，

标记内不应有文本

<i class="fa fa-code fa-4x"></i> 
Fully mobile responsive designs that adjust to fit all platforms

---

解决方案：

使用主样式表，只需添加：

.fa-code {
    font-size: 20px;
}

以上内容仅针对字体代码图标。如果您想针对所有图标，只需使用：

.fa {
    font-size: 20px;
}

---

或者，您可以添加一个内联样式，这不被认为是良好的做法，但我想我会解释这两种方式

<i class="fa fa-code" style="font-size: 20px;">Fully mobile responsive designs that adjust to fit all platforms</i>

全移动响应设计，可调整以适应所有平台

我使用了

20px

作为示例，但只是根据需要更改值。

---

希望这有帮助

您可以在线或外部使用CSS

css选择器中的

：

font-size: 4em;

我不确定这是否是人们所说的“不被认为是一种好的做法”。您用class
fa-4x
描述了一个
i
标记，它表示“font size:4em；”。然后，您描述了覆盖FA CSS类的内联样式“font-size:20px；”。使用内联样式被认为是不好的做法，我不确定您想说什么……我想说的是您为
I
描述了“FA-4x”类。你已经编辑过了。现在，它看起来更好。是的，我在编辑的时候，你评论。实际上，这是行不通的。我将文本放置在标记中，并在主css文件中创建了以下代码：.fa代码{左边距：75px；右边距：75px；字体大小：100px；边距代码有效，但文本大小不变。如果您要回答问题，请添加更详细的信息：感谢您的帮助，但这不起作用。我在主css文件中放置了以下内容：.fa代码{左边页码：75 px；页边右边：75 px；字体大小：100px；页码是我想要的，但是文本大小没有变化。你知道为什么吗？非常感谢！这可能是最好的方法，这样文本就不会被字体的样式所束缚。@ JeffreyCunningham，你可以认为这个答案是正确的，所以它不再出现在未回答问题的列表上。这将阻止新的答案（如最近的答案）随机添加。好的，我已经总结出在parallax pro主题的文本窗口小部件区域内编辑字体可怕图标文本的最佳方法。如果您将文本放置在如上所示的标记内，并尝试使用.fa或.fa代码在css中以文本为目标，您将不仅以文本为目标，而且以整个图标为目标。因此或者，您必须通过将文本包装在标记中，在字体可怕图标中创建一个单独的元素。然后您可以使用.fap{text size 20px；}或更具体地说.fa-（无论您使用什么图标）p{text size 20px；}