Emoji字体设置后的作用实例页面

展示

代码

• HTML：

  <p>笑脸☺：\263a、铅笔✏：\270f、警示⚠：\26a0</p>
  <p class="emoji">笑脸☺：\263a、铅笔✏：\270f、警示⚠：\26a0</p>

• CSS：

  @font-face {
      font-family: Emoji;
      src: local("Apple Color Emoji"),
         local("Segoe UI Emoji"), 
         local("Segoe UI Symbol"),
         local("Noto Color Emoji");
  }
  .emoji {
      font-family: Emoji;
  }