请教一下这字体是怎么引入的

V2EX = way to explore

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

现在注册

已注册用户请登录

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

http://www.guerlain.com.cn/ 这个网站上的 STHeiti 字体是怎么引入的呢？

第 1 条附言 2016 年 9 月 15 日

尴尬了。今天又看了一下，发现删掉 STHeiti 后字体没有改变，原来用的是微软雅黑。。。昨天可能操作姿势不对，看到字体改变了，然后一直找哪里引入 STHeiti 。。。

请教

字体

引入

怎么

13 条回复 2016-09-15 10:38:27 +08:00

popo233

2016 年 9 月 14 日

并没有引入

lvwzhen

2016 年 9 月 14 日

只是调用 macOS 系统自带华文黑体而已

moult

2016 年 9 月 14 日

STHeiti 是系统自带的字体，不需要特别声明。
其次，自己引入一个新的字体，代码如下：
@font-face {
font-family: 'iconfont';
src: url('//at.alicdn.com/t/font_123456.eot');
src: url('//at.alicdn.com/t/font_123456.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_123456.woff') format('woff'),
url('//at.alicdn.com/t/font_123456.ttf') format('truetype'),
url('//at.alicdn.com/t/font_123456.svg#iconfont') format('svg');
}

Coande

2016 年 9 月 14 日

@popo233 可是，自己网页上设置该字体无效果啊。为什么呢？

Coande

2016 年 9 月 14 日

@lvwzhen 可是，自己网页上设置该字体无效果啊。为什么呢？

Coande

2016 年 9 月 14 日

@moult 可是，自己网页上设置该字体无效果啊。为什么呢？

popo233

2016 年 9 月 14 日

@Coande 其实这个网站也没有效果，你看到的实际上是微软雅黑吧（如果你是 Windows ）

Coande

2016 年 9 月 14 日 via Android

@popo233 并不是微软雅黑啊。 win10 系统。

ynyounuo

2016 年 9 月 14 日 via iPhone

你完美诠释了重要的事要说三遍。

popo233

2016 年 9 月 15 日

@Coande 你怎么知道不是。。

Coande

2016 年 9 月 15 日

@popo233 删掉 STHeiti 后字体才变成微软雅黑，字体外形有差别的。

loading

2016 年 9 月 15 日 via Android

建议截图

lvwzhen

2016 年 9 月 15 日

win10 系统默认没有 STHeiti ，建议截图，你看到的应该不是华文黑体