Question

我想通过使用CSS属性来增加图标的大小。哪个属性可以增加图标的大小？

<p><i class="fa fa-phone course_phn_icon"></i> Mon - Sat : 8 AM to 9 PM</p>

我也尝试使用此类名称course_phn_icon

设置宽度和高度属性以及字体大小

Answer 1

您可以

1）。使用内置类fa-*x或

2）。您可以使用font-size CSS属性来实现。

.icon:before {
  font-size: 45px;
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous">
<p><i class="fa fa-phone course_phn_icon fa-2x"></i> Mon - Sat : 8 AM to 9 PM</p>
<p><i class="fa fa-phone course_phn_icon icon"></i> Mon - Sat : 8 AM to 9 PM</p>

Answer 2

您可以使用fa-*g。也可以参考 here 。例如：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<p><i class="fa fa-phone course_phn_icon fa-lg"></i> Mon - Sat : 8 AM to 9 PM</p>
<p><i class="fa fa-phone course_phn_icon fa-2x"></i> Mon - Sat : 8 AM to 9 PM</p>
<p><i class="fa fa-phone course_phn_icon fa-3x"></i> Mon - Sat : 8 AM to 9 PM</p>
<p><i class="fa fa-phone course_phn_icon fa-4x"></i> Mon - Sat : 8 AM to 9 PM</p>

Answer 3

字体真棒图标大小可以通过font-size属性进行控制。例如：font-size: 40px;。那应该很好。

图标尺寸调整？

3 个答案: