html - Iconfont 太小，即使 px 大小很好

Question

我用 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 所以它应该更大。

Answer 1

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