iconfont :如何让iconfont在颤动中工作

iconfont是一种图标字体，它将图标以字体的形式进行展示，可以通过CSS样式来调用和控制。它的优势包括减少HTTP请求、提高页面加载速度、支持多色图标、可自定义样式等。

在让iconfont在颤动中工作时，可以通过CSS动画来实现。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <style>
    @keyframes shake {
      0% { transform: translateX(0); }
      25% { transform: translateX(-5px) rotate(-5deg); }
      50% { transform: translateX(5px) rotate(5deg); }
      75% { transform: translateX(-5px) rotate(-5deg); }
      100% { transform: translateX(0) rotate(0); }
    }
    
    .icon-shake {
      animation: shake 1s infinite;
    }
  </style>
</head>
<body>
  <i class="fa fa-heart icon-shake"></i>
</body>
</html>

在上述代码中，我们使用了Font Awesome图标库，并通过CDN引入了其CSS文件。然后，我们定义了一个名为"shake"的关键帧动画，通过transform属性实现图标的颤动效果。最后，通过添加class为"icon-shake"的样式，将动画应用到了图标上。

这样，当页面加载时，图标将会在一个持续时间为1秒的动画中颤动起来。

腾讯云相关产品中，可以使用对象存储（COS）来存储和托管iconfont文件，使用云服务器（CVM）来部署和运行网页，使用内容分发网络（CDN）来加速图标的传输。具体产品介绍和链接如下：