为什么即使我删除@ font-face代码,我的@ font-face字体也能正常工作,并从我的机器上卸载字体?

时间:2012-01-11 22:56:29

标签: css eclipse css3 font-face

我正在弄乱@font-face,我有一些奇怪的结果。我下载并安装了字体,它安装在/ Users / myuser / Library / Fonts中就像它应该的那样(我想!?)。奇怪的是,它正在使用我在CSS中提供的任何URL。

现在我已经从CSS中删除了@font-face类,清空了所有可能的缓存,甚至是禁用的&从Font Book(Mac thingie)中删除了'Garton'字体,但它仍在工作! (我正在Eclipse中开发和查看页面。)

因此...

1:它怎么能起作用?让它失败的唯一方法是在CSS中编辑font-family'Garton'。无论我在@font-face写什么,它都有效,我在CSS中没有重复!我重新启动了计算机,将它放在我失败的PC中。我查看/ Library / Fonts我安装了默认字体,并且那里没有'Garton'。

Works even without @font-face in css
#header{
font-family: 'Garton',Georgia, serif;
}

Only way to make it fail on mac
#header{
font-family: 'GartonXXX',Georgia, serif;
}

2:如果我明白这一点,我想我必须在托管该页面的网络服务器上安装它的字体?或者还有另一种方式吗?

3:为什么我下载的字体安装在与默认字体不同的文件夹中? (不是那么重要,但我很困惑。)

1 个答案:

答案 0 :(得分:2)

  1. 如果您已从Mac中移除Garton,即使没有@font-face代码,您的网页仍会在Garton中呈现,这很奇怪。我只能想象你的Mac上仍然安装了Garton

    有关此问题的问题可以在apple.stackexchange.comsuperuser.com更好地提出。

    如果您正在使用@font-face,最好不要在开发计算机上安装该字体,以便了解普通用户看到的内容。

  2. 是的 - 要在公共网站上使用Garton(他们的计算机上没有安装Garton的人会查看该网站),您需要在网站的服务器上提供字体文件,或者通过类似的字体服务TypekitFontSpring

    您不需要在Web服务器上实际“安装”该字体,您只需要从那里提供字体文件,就像您提供图像文件或样式表一样,以便浏览器可以获得它并在您的网页上使用它。

    为了让它跨浏览器工作,您需要使用几种不同格式的字体文件,并小心使用@font-face CSS以避免绊倒Internet Explorer。实现这一目标的最简单方法是使用Font Squirrel’s @font-face generator

  3. 同样,这是apple.stackexchange.comsuperuser.com的问题。