请教关于 css font-family,一个 DIV,可不可以让中文,英文显示不同的字体?

2021-01-04 11:05:48 +08:00
 youla

想要中文默认字体,英文宋体

<style>
	.div{
		font-family:"..."
	}
</style>

<div class="div">
	你们好,Sons!
</div>


不会只能是 fontmin 了吧

1826 次点击
所在节点    程序员
21 条回复
Loserzhu
2021-01-04 11:10:35 +08:00
加个类名.zh-CN, .en,.ko,.ja 这样的,显示对应的字体
3yak
2021-01-04 11:16:41 +08:00
font-family: 英文字体,中文字体; 就行了
youla
2021-01-04 11:19:18 +08:00
补充::我使用的英文字体,是包含中英文的字体。
youla
2021-01-04 11:20:01 +08:00
@Loserzhu 这个不是 css 规定的语法吧
Loserzhu
2021-01-04 11:25:46 +08:00
@youla 肯定不是啊,这只是一种解决办法,判断显示语言 添加类名还是要写的
youla
2021-01-04 11:26:52 +08:00
@Loserzhu 我说的是,中英文同时在一个 div 显示,那样写肯定会啊。
youla
2021-01-04 11:28:32 +08:00
<div>hello,我的</div>让这两个字,字体不一样,估计是只能 fontmin 了,因为我引用的字体实际上是包含中英文的字体,不是单独的中文或英文字体
daief
2021-01-04 11:55:52 +08:00
试试 unicode-range
youla
2021-01-04 12:01:27 +08:00
@daief wonderful
hbolive
2021-01-04 15:53:18 +08:00
了解了,还真没注意这事。。
myCupOfTea
2021-01-04 16:51:49 +08:00
那你把中文字体放前面就行了
myCupOfTea
2021-01-04 16:52:21 +08:00
font-family: 中文字体,英文字体
youla
2021-01-04 16:57:07 +08:00
@myCupOfTea 都说了包含中英文,这样写是没用的,除非只包含一种语言。
dd112389
2021-01-04 17:32:42 +08:00
font-face 这个东西, 用的时候要注意下字体版权嗷.
小心被告....
youla
2021-01-04 18:15:54 +08:00
@dd112389 谢谢提醒,字体我都随便用的,因为个人网站不盈利,通常不会有问题。
source
2021-01-05 14:32:01 +08:00
提供一个思路:可以自己编辑下字体,重新生成一个混合字体,包括 A 的英文+B 的中文
myCupOfTea
2021-01-09 08:47:55 +08:00
@youla ? 你中文字体只要不包含英文的格式会自动讲解到后面的字体
myCupOfTea
2021-01-09 08:50:24 +08:00
同样的 如果前面的字体包缺少某些字体,后面补上一个包含它的字体包,无格式的字体会自动退化到后面包含他的字体包
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
字体可以改造下字体包,把中文字体包内的因为字符去掉就好了
myCupOfTea
2021-01-09 08:54:06 +08:00
@myCupOfTea 因为 -> 英文

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/741425

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX