字体真棒不会调整大小

时间:2017-02-22 14:53:10

标签: css font-awesome

我正在设计一个网站,突然我的图标小规模调整大小。

当我的图标使用字体很棒时突然字体真棒图标变小,当尺寸等于下面的事件名称时

enter image description here

我的代码是

<font size="6"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>

一定是这样的

enter image description here

你能帮帮我们吗?感谢您将来的答案

2 个答案:

答案 0 :(得分:1)

绝对不要使用<font>。这是一个非常古老的标签,不应该再使用了。相反,您将要使用CSS。类似的东西:

i.fa {
     font-size: 1.5em;  // However big you want it to be
}

答案 1 :(得分:0)

正如其他用户所说 - 不要使用<font>标签,而是使用CSS设置字体大小。

但是你的代码应该像你想象的那样工作。请参阅以下代码段:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<strong><font size="6"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>
<hr>
<strong><font size="15"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>
<hr>
<strong><font size="25"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>