Emoji字体设置放在最后的效果实例页面

展示

代码

• HTML：

  <p>笑脸：☺\263a😀\1f600、铅笔：✏\270f、警示：⚠\26a0</p>
  <p class="emoji">笑脸：☺\263a😀\1f600、铅笔：✏\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: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Emoji;
  }