我正在使用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;
}
希望它能解决你的问题.
