html - Iconfont太小了，即使px大小

我用gulp-iconfont创建了字体。有一堆svg图像。我可以在页面上看到它们，但是它们太小了。我缺少明显的东西，但似乎找不到。

<div class="slider show" alt="" style="">
            <div class="wrapper">
                <div class="row">
                    <div class="col-1">
                        <span><i class="s s-prev left-arrow"></i></span>
                    </div>
                    <div class="col-10">
                        <h1 class="title">
                            Itaque earum rerum hic tenetur
                        </h1>
                    </div>
                    <div class="col-1">
                        <span><i class="s s-next right-arrow"></i></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-6">
                        <p class="text">
                            At vero eos et accusamus et iusto
                            odio dignissimos ducimus qui
                            blanditiis praesentium voluptatum
                            deleniti atque corrupti
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <button type="button" class="btn" style="background-image: url(./images/button_arrow_white.png);">Contact us</button>
                    </div>
                </div>
            </div>
        </div>

我在这部分有两个图标。左右箭头。这是CSS部分。

.s-prev , .s-next{
background-color: $white;
font-size: 65px;
color: black;
display: block;
}

.s-prev {
    float: left;
}

.s-next {
    float: right;
}
.arrow {
margin-bottom: 0;
  padding: 0;
}

我拍了张照片给你看图标。


您会看到一个小黑点。但是它是65px，因此应该更大。

最佳答案

尝试使用.s { font-size: 65px!important;}

关于html - Iconfont太小了，即使px大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52986618/