html - 使用CSS更改字体图标的形状

Question

我已经从 flaticon.com 下载了字体图标

• 要改变字体图标的颜色，我们可以像这样使用 css:

  .flaticon-baby23:before {
       content: "\e000";
       color:red;
  }
  

• 我们使用这个来改变尺寸:

  .flaticon-baby23:before {
       content: "\e000";
       font-size:15px;
  }
  

是否有任何方法可以像图片中给出的那样改变字体图标的形状，我从 here is webiste 中找到了那些
形状各异

• 如何更改图标形状？？？

我的风格

Answer 1

这些图标改变“形状”的方式是对它们应用边框半径、背景和阴影。图标本身(twitter 鸟)没有改变。

根据您尝试执行的操作，您也许可以执行相同的操作。

如果您试图使电话字体图标的边缘变圆，那是不可能的，除非您找到一个已经有的。相反，如果您尝试为您的图标创建类似于您显示的 Twitter 图标的背景，请使用边框半径、背景颜色和阴影设置字体图标的样式。