gpt4 book ai didi

html - 无法使用字体大小调整 flaticon 的大小

转载 作者:太空狗 更新时间:2023-10-29 13:20:41 25 4
gpt4 key购买 nike

我正在为我正在开发的网站使用 Flaticon,但似乎出了点问题,我无法找出是什么。

我使用“图标字体”选项从 flaticon 下载了 zip 文件。所以我将它上传到我的字体文件夹中,但出于某种原因,当我链接 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>

最佳答案

在您的 CSS 中使用此类来更改字体大小。

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {font-size: 150px;}

希望它能解决您的问题。

关于html - 无法使用字体大小调整 flaticon 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31985129/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com