默认字体怎么用CSS设置？

疑问解答
1

在 wolai 的默认字体中，中文引号的效果类似于 word 中宋体那样的豆芽状引号，很好看。我问到wolai的字体是下面这样的。请问：
【1】想设置它们为默认字体，CSS 该怎么写呢？
【2】下面第1种字体 ‘zh-quote’ 在哪里下载呢？网上转了一圈，都没下载对。

​'zh quote', -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", "微软雅黑", sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"​​​

image
image

当然，要是能同时有宋体那样的豆芽状的逗号和分号就更好了（但是不喜欢宋体）

image

2

思源之前也是这种引号，用的是下面的字体，后面不知道为什么就不用这种引号的字体了。

它的第1种字体是 quote

"quote", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"

3

font-family属性，把那一串字体粘贴进去就可以
前提是你电脑里安装了对应的字体

4

谢谢啊，就是不知道这个 zh-quote 或者 quote字体，在哪里下载是对的。网上下了一圈，都不对。

5

字体特性开启ss02

6

谢谢啊，折腾了两小时，嫩是没搞成功。
字体已经在电脑上安装了。
在WPS中可以打开，但引号不是豆芽状的，如下图：
image

我知道这个字体有豆芽状的引号，但是不知道怎么调成豆芽状。

另外主要是不知道怎么在Ob上安装。
我只是想用它的 引号、逗号、分号 这种豆芽类的符号，普通字体用微软雅黑就行了。

7

我用的是这个CSS，无效。

body {
    font-family: '煮豆黑体', '微软雅黑', sans-serif; 
    font-feature-settings: 'ss02' 1;
}
8

font-family → --font-text-override

1 个赞
9

css片段改成下面的试下：

* {
    font-family: "Zhudou Sans", sans-serif;
    font-feature-settings: 'ss02' 1;
    }

我更喜欢霞鹜文楷，感觉字体也是豆芽符号。下面这个是在线字体。

10

是这个吗？无效呀

body {
    --font-text-override: '煮豆黑体', '微软雅黑', sans-serif; 
    font-feature-settings: 'ss02' 1;
}
11

上面这个代码不行呀。。。

霞鹜文楷的确很好看，但是感觉字体有点不是很清晰，不是一眼就能看清楚的那种感觉。

12

你参考这个操作下，不需要安装字体

记得生成的css文件后面加上

开启css后就行了，主题设置那步不需要。

PC端我玩了下，没问题。

image
image920×42 6.24 KB

你把css中的body换成*没？
不换的话文章内容字体不变的。

1 个赞
13

改成 --font-text

或者在 sans-serif 后面加上 !important

1 个赞
14

我这边测试应该还是用 --font-XXX-override 是正确的。

更新：将所有步骤整合到 简单整合 CSS 设置字体方法及分享字体配置