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

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

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

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

第 1 条附言 · 2016-09-15 11:15:17 +08:00

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

请教

字体

引入

怎么

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

popo233

2016-09-14 20:30:43 +08:00

并没有引入

lvwzhen

2016-09-14 20:44:49 +08:00

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

moult

2016-09-14 21:54:44 +08:00

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-09-14 22:16:00 +08:00

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

Coande

2016-09-14 22:16:11 +08:00

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

Coande

2016-09-14 22:16:26 +08:00

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

popo233

2016-09-14 23:09:49 +08:00

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

Coande

2016-09-14 23:13:10 +08:00 via Android

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

ynyounuo

2016-09-14 23:24:06 +08:00 via iPhone

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

popo233

2016-09-15 00:00:22 +08:00

@Coande 你怎么知道不是。。

Coande

2016-09-15 01:58:05 +08:00

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

loading

2016-09-15 07:02:23 +08:00 via Android

建议截图

lvwzhen

2016-09-15 10:38:27 +08:00

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