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修改其他类的图标大小
| 归档时间: |
|
| 查看次数: |
8521 次 |
| 最近记录: |