请教关于 css font-family，一个 DIV，可不可以让中文，英文显示不同的字体？
youla · 2021-01-04 11:05:48 +08:00 · 2026 次点击这是一个创建于 1404 天前的主题，其中的信息可能已经有所发展或是发生改变。
想要中文默认字体，英文宋体
<style>
.div{
font-family:"..."
}
</style>
<div class="div">
你们好，Sons!
</div>
不会只能是 fontmin 了吧
第 1 条附言 · 2021-01-04 12:01:37 +08:00
# unicode-range
第 2 条附言 · 2021-01-04 12:01:45 +08:00
unicode-range
 |
1
Loserzhu 2021-01-04 11:10:35 +08:00  1
加个类名.zh-CN, .en,.ko,.ja 这样的，显示对应的字体
|
 |
2
3yak 2021-01-04 11:16:41 +08:00
font-family: 英文字体，中文字体; 就行了
|
 |
3
youla OP 补充：：我使用的英文字体，是包含中英文的字体。
|
|
7
youla OP <div>hello,我的</div>让这两个字，字体不一样，估计是只能 fontmin 了，因为我引用的字体实际上是包含中英文的字体，不是单独的中文或英文字体
|
 |
8
daief 2021-01-04 11:55:52 +08:00 2
试试 unicode-range
|
 |
10
hbolive 2021-01-04 15:53:18 +08:00
了解了，还真没注意这事。。
|
 |
11
myCupOfTea 2021-01-04 16:51:49 +08:00
那你把中文字体放前面就行了
|
|
12
myCupOfTea 2021-01-04 16:52:21 +08:00
font-family: 中文字体,英文字体
|
|
13
youla OP @myCupOfTea 都说了包含中英文，这样写是没用的，除非只包含一种语言。
|
 |
14
dd112389 2021-01-04 17:32:42 +08:00
font-face 这个东西, 用的时候要注意下字体版权嗷.
小心被告.... |
 |
16
source 2021-01-05 14:32:01 +08:00
提供一个思路：可以自己编辑下字体，重新生成一个混合字体，包括 A 的英文+B 的中文
|
|
17
myCupOfTea 2021-01-09 08:47:55 +08:00
@youla ? 你中文字体只要不包含英文的格式会自动讲解到后面的字体
|
|
18
myCupOfTea 2021-01-09 08:50:24 +08:00
同样的 如果前面的字体包缺少某些字体,后面补上一个包含它的字体包,无格式的字体会自动退化到后面包含他的字体包
|
|
19
myCupOfTea 2021-01-09 08:53:45 +08:00
比如 Consolas, 'Courier New', monospace, Cascadia Code PL,CaskaydiaCovePL NF
Consolas 不支持 PowerLine 后面补上了 Cascadia Code PL 是支持 PowerLine 的,其他的字体都用的 Consolas,但是 PowerLine 格式的字体用的 Cascadia Code PL 字体可以改造下字体包,把中文字体包内的因为字符去掉就好了 |
|
20
myCupOfTea 2021-01-09 08:54:06 +08:00
@myCupOfTea 因为 -> 英文
|
|
21
youla OP @myCupOfTea 都是包含中英文的完整字体，我用 fontmin 去掉了不需要的部分。
|
Select Language