主题样式

调整编辑器中 Emoji 的尺寸

# 自定义CSS
工作人员
2026/08/09 22:54 · 最后编辑于 2026/08/11 12:10

如果需要单独调整编辑器中 Emoji 的尺寸,比如觉得 Emoji 默认尺寸有点太大,希望让它们显示得小一些,可以使用以下自定义 CSS:

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

  /* 在此处调整 Emoji 的尺寸比例 */
  size-adjust: 90%;

  unicode-range:
    U+1F1E6-1F1FF,
    U+1F300-1F5FF,
    U+1F600-1F64F,
    U+1F680-1F6FF,
    U+1F700-1F77F,
    U+1F780-1F7FF,
    U+1F800-1F8FF,
    U+1F900-1F9FF,
    U+1FA00-1FAFF,
    U+2600-26FF,
    U+2700-27BF;
}

[data-role="editor"] * {
  font-family:
    "Scaled Emoji", var(--wp-editor-font-family);
}

注意其中的 size-adjust: 90%; ,将后方的 90% 调整为你需要的值即可,100% 表示原始大小,90% 表示缩小为原始大小的 90%。

0 条回复

还没有回复

来抢沙发吧。

回复

请先 登录 后回复。