每当我在 Mac 上的 Firefox 和另一台 PC 上的 Chrome 中查看网页时，我嵌入的任何字体都没有显示。
我问过一位技术朋友，他坚持认为这是因为用户没有在他们的机器上安装字体。我说我使用 Google Fonts 进行了嵌入，并将第二个字体上传到网络服务器，但他说这仍然取决于用户没有安装字体。
这是正确的吗？如果他是正确的，这意味着我完全误解了我认为我学到的关于在网页中嵌入字体的知识。
参考网站（不是您能看到字体）是here。
提前致谢
【问题讨论】：
你的朋友不正确，但你也没有正确实现。
对于 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 的死链接。
【讨论】：
您的 MyFonts 工具包的链接已损坏。修复它，它们应该会出现。目前你有：
http://www.tomrankinmusic.com/type/mercearia_antique/MyFontsWebfontsKit.css
但应该是：
http://www.tomrankinmusic.com/test/type/mercearia_antique/MyFontsWebfontsKit.css
PT Sans 字体工作正常（至少在我的 Mac Firefox 中）。
【讨论】：
如果您说的是字体 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/
【讨论】：