CSS 的 unicode-range 属性与 @font-face 规则结合使用,可以单独设置某个字体

小吉崽汁博客使用的是润圆体,但是我对于其中的某个标点符号感到很不喜欢,但是我又不想换字体,这时候就可以用了 unicode-range

1
2
3
4
5
@font-face {
font-family: "PunctuationFont";
src: url(path/to/punctuation-font.ttf); /* 替换为实际的字体文件路径和文件名 */
unicode-range: U+2000-206F; /* Unicode 范围选择器,表示标点符号的区域 */
}

这样的话除了标点符号,其他的字体都是 PunctuationFont,标点符号是默认的字体。对于 unicode 的值,mac 可以直接查看字体册,上面都有具体的 unicode 值