Emoji字体unicode-range范围限定效果实例页面

展示

代码

• HTML：

  <p>&#x263a;\263a&#x270f;\270f&#x26a0;\26a0&#x1f600;\1f600&#x1f638;\1f638&#x1f921;\1f921</p>
  <p class="emoji">&#x263a;\263a&#x270f;\270f&#x26a0;\26a0&#x1f600;\1f600&#x1f638;\1f638&#x1f921;\1f921</p>

• CSS：

  @font-face {
      font-family: Emoji;
      src: local("Apple Color Emoji"),
         local("Segoe UI Emoji"), 
         local("Segoe UI Symbol"),
         local("Noto Color Emoji");
      unicode-range: U+1F000-1F644, U+203C-3299;
  }
  .emoji {
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Emoji, Helvetica, Arial, sans-serif;
  }