如果需要单独调整编辑器中 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%。
还没有回复
来抢沙发吧。
请先 登录 后回复。