无法使用font-size调整flaticon的大小

Con*_*ovi 10 html css fonts icons

我正在使用Flaticon进行我正在开发的网站,但似乎出现了问题,我无法找到答案.

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

我能做到color: #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>
Run Code Online (Sandbox Code Playgroud)

Has*_*que 10

在css中使用此类来更改字体大小.

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {

font-size: 150px;

}

希望它能解决你的问题.


小智 10

更好的解决方案是:

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {

font-size: 1em;

}
Run Code Online (Sandbox Code Playgroud)

然后,可以使用font-size修改其他类的图标大小