字体真棒超粗体与 css答案

【问题标题】：Font-awesome ultra bold with css字体真棒超粗体与 css
【发布时间】：2017-07-28 21:36:48
【问题描述】：

我需要更厚的字体。试图只增加默认图标的高度。就像图标图片中的那样

<i class="fa fa-exchange" aria-hidden="true"></i>

我已经尝试了所有粗体属性和字体很棒的类，比如fa-4x or fa-5x，这些都不适合我。并且 CSS 的 height 属性不起作用。

如何增加字体真棒图标的高度？

.my-link i{
   color:red;   
   height:50px;
}

【问题讨论】：

Is it possible to make Font Awesome icons larger than 'fa-5x'?的可能重复
添加一个设置字体大小的类是否不够好？并注意您显示的图片 cannot 是从字体真棒图标生成的，除非您以某种方式开始弄乱轮廓内顶点的相对位置，CSS 绝对做不到，所以我假设您画了这个你自己：只要把那幅画做成一个图像，然后在你自己的 css 中使用那个图像。您不必为所有内容都使用很棒的字体，根据您的需要混合搭配。

标签： css fonts

【解决方案1】：

尝试 ccs 属性：

transform: scale(1, 7);

.fa { transform: scale(1,7); }

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet"/>
<br/><br/><br/><br/><br/><br/>
<i class="fa fa-exchange fa-5x" aria-hidden="true"></i>

【讨论】：

【解决方案2】：

你可以使用这个 css 来制作粗体。它适用于 chrome

.my-link i{
-webkit-text-stroke: 4px;
}

【讨论】：