Question

我遇到的任何字体都存在问题，每当我在Mac上使用Firefox浏览网页时，我都会显示嵌入的字体，而Chrome则在另一台PC上查看。

我问了一位技术朋友，他坚持要求用户不要在他们的机器上安装字体。我说我已经使用谷歌字体嵌入了，并且还将第二种字体上传到了网络服务器，但他说这仍然是用户没有安装字体。

这是对的吗？这意味着我完全误解了我在网页中嵌入字体时所学到的知识。

参考网站（不是您将能够看到字体）是here。

提前致谢

Answer 1

你的朋友不对，但你还没有正确实施它们。

对于Google字体，您首先应该添加字体链接，方法是将其放入html中，如下所示：

<link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>

或将其导入您的CSS。

@import url(http://fonts.googleapis.com/css?family=Russo+One);

然后在css中指定div的字体，如下所示：

font-family: 'Russo One', sans-serif;

你也有一个死链接到你自己的CSS。

Answer 2

MyFonts工具包的链接已损坏。修复它，它们应该出现。目前你已经：

http://www.tomrankinmusic.com/type/mercearia_antique/MyFontsWebfontsKit.css

但它应该是：

http://www.tomrankinmusic.com/test/type/mercearia_antique/MyFontsWebfontsKit.css

PT Sans字体正在运行（至少在我的Mac Firefox中）。

Answer 3

如果您正在谈论字体PT Sans，我不会看到您实际上将字体嵌入到CSS中的任何位置。

您需要提供一个字体路径并将其存储在某个地方，如下所示：

@font-face {
    font-family: 'RieslingRegular';
    src: url('fonts/riesling.eot');
    src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
}

见此处参考： http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/

嵌入字体不在Chrome / Firefox中显示

3 个答案: