css 中如何定义不同字体使用不同字号

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2730 天前的主题，其中的信息可能已经有所发展或是发生改变。

font-family:'隶书','黑体';

隶书使用 16px,黑体使用 14px

隶书

黑体

CSS

使用

8 条回复 • 2017-06-13 17:33:52 +08:00

ChefIsAwesome

2017-06-13 13:37:49 +08:00

不能自动的。你得先检查字体是啥，然后加上对应的 class 之类的。
如何检查字体： http://www.lalit.org/lab/javascript-css-font-detect/

luckylion

2017-06-13 14:18:35 +08:00

@ChefIsAwesome 这种方法适用探测电脑中是否安装了某种字体,我现在情况是某几段文章已使用字蛛自定义过字体了,但要防止以后客户自己改动添加一两个字,导致字体不一致看上去大小不用

ChefIsAwesome

2017-06-13 14:52:12 +08:00

@luckylion 不太懂你的意思

mringg

2017-06-13 14:53:39 +08:00

我看明白了这个只用 css 貌似有些困难用 js 应该可以实现了

luckylion

2017-06-13 15:06:02 +08:00

@ChefIsAwesome font-family:'XLL','LiShu';
<div>科学家说地下有大量水相当于各大洋总水量,真的吗?</div>
"科学家说地下有大量水相当于各大洋总水量"使用的是 XLL 字体
"真的吗"这 3 个字 XLL 字体中没有这几个字,那么就使用 LiShu 字体显示出来,字号大小需要改变下

luckylion

2017-06-13 15:06:56 +08:00

@mringg 希望能 css 能实现,内容太多用 JS 的话 CPU 要狂飙了

IJustmaogepao

2017-06-13 17:32:00 +08:00

在‘真的吗’加 span 再定义 style ？

sutking

2017-06-13 17:33:52 +08:00 via iPhone

CSS 就是选择器的概念，所以你必须给你的对象起好名字才能定义它