font-awesome - 在日历脚本中添加带有令人敬畏的字体的振动图标

Question

大家好，我想弄清楚如何在这个脚本中添加一个带有脉冲功能的字体真棒图标我是一个新手，所以我真的不知道我在做什么。我想在显示呼叫或缩放的文本之前进行编辑

window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/ezrelomd?background_color=fdf8f2&primary_color=56c4c5', text: 'Call or ZOOM', color: '#56c4c5', textColor: '#ffffff'，品牌：假}）；}

任何想法都会很棒

Answer 1

您应该能够简单地将 Font Awesome HTML 片段添加到文本简介中。

如果需要，请确保转义引号。当然，请检查您是否链接了 Font Awesome 的 css 文件。

例如，这个片段对我有用（我选择了一个带有 fa-pulse 动画的电话图标）：

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />

<!-- Calendly -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
  
<!-- Initialize floating badge with FA icon with some animation -->
<script type="text/javascript">window.onload=function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/ezrelomd?background_color=fdf8f2&primary_color=56c4c5', text: '<i class="fas fa-phone fa-pulse"></i> Call or ZOOM', color: '#56c4c5', textColor: '#ffffff', branding: false }); }</script>