如何放大通过CDN引入的emoji.css表情图标？

方法一：使用官方内置放大类 #

emoji.css自带了用于放大图标的ec-lg类，直接添加到你的span标签中就能实现示例页面底部的放大效果：

<span class='ec ec-sparkling-heart ec-lg'></span>

这个类默认会将图标放大至原尺寸的1.33倍，适配多数场景需求。

方法二：自定义CSS实现灵活尺寸 #

如果需要更精准的尺寸控制，可以自己编写CSS规则调整图标大小：

1. 先定义一个自定义类（可放在页面的<style>标签里）：

.ec-custom-size {
  font-size: 2rem; /* 按需修改数值，比如32px、1.5rem等 */
}

2. 将这个类应用到图标标签上：

<span class='ec ec-sparkling-heart ec-custom-size'></span>

如果只是临时测试，也可以直接用内联样式快速调整：

<span class='ec ec-sparkling-heart' style='font-size: 32px;'></span>

补充说明：emoji.css的表情图标是通过伪元素生成的，字体大小（font-size）直接决定了图标的显示尺寸，调整这个属性是最直接有效的方式。

内容的提问来源于stack exchange，提问作者Dany