HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 无法使用font-size调整flaticon的大小大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Flaticon进行我正在开发的网站,但似乎出现了问题,我无法找到答案.

我从flaticon下载了zip文件,其中包含“icon font”选项.
所以我把它上传到我的字体的文件夹中,但出于某种原因,当我链接css并放一个< i class =“flaticon-crowd”>< i>在我的HTML中我得到了默认大小的图标但是当我把font-size:70px;在CSS中它不会变大.

我可以做颜色:#f00;并且文本变为红色,因此它不是选择器.
同样在chrome中的def工具中,使用70px字体大小而不是否决.

有人知道导致这个问题的原因是什么吗?

谢谢你的时间.

这是我使用的html的一个例子

<!DOCTYPE html>
<html>
    <head>
        <!-- flaticon -->
        <link rel="stylesheet" type="text/css" href="assets/css/flaticon/flaticon.css">

        <title></title>
    </head>
    <body>
        <i style="font-size: 70px" class="flaticon flaticon-crowd"></i>
    </body>
</html>

解决方法

在css中使用此类来更改字体大小.
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after {

font-size: 150px;

}

希望它能解决你的问题.

大佬总结

以上是大佬教程为你收集整理的html – 无法使用font-size调整flaticon的大小全部内容,希望文章能够帮你解决html – 无法使用font-size调整flaticon的大小所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。