gpt4 book ai didi

html - 调整字体大小 Awesome Fonts with font-size

转载 作者:行者123 更新时间:2023-11-28 05:50:44 26 4
gpt4 key购买 nike

我一直在尝试拍摄两个锁的字体图像并将它们堆叠在一起。然后,我想稍微调整其中一个的大小,让它看起来像底部有一个边框。但是,我很难弄清楚如何正确调整它的大小,而且我不明白为什么 font-size 没有按预期工作。有人可以向我解释我做错了什么吗?

这是 fiddle : http://fiddle.jshell.net/4LqeN/1694/

i
{
text-align: center;
padding: 1px 1px;
display: inline-block;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
box-shadow: 0px 0px 2px #888;
}

#lock-black{
font-size: 200%
}
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
<span class="fa-stack">
<i id="lock-black" class="fa fa-lock fa-stack-2x "></i>
<i id="lock=blue" class="fa fa-lock fa-stack-1x" style="color:blue" ></i>
</span>

最佳答案

想通了!

i
{
text-align: center;
padding: 1px 1px;
display: inline-block;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
box-shadow: 0px 0px 2px #888;
}

#lock-black{
font-size: 200%;
}

#lock-blue{
font-size: 150%;
}
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<span class="fa-stack">
<i id="lock-black" class="fa fa-lock fa-stack-2x "></i>
<i id="lock-blue" class="fa fa-lock fa-stack-1x" style="color:blue" ></i>
</span>

关于html - 调整字体大小 Awesome Fonts with font-size,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37353986/

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