问题标签 [font-face]

有没有办法在不使用图像、Flash或其他图形的情况下在网站上添加一些自定义字体？

例如，我在一个婚礼网站上工作，我为这个主题找到了很多不错的字体。但我找不到在服务器上添加该字体的正确方法。以及如何将带有 CSS 的字体包含到 HTML 中？这可以在没有图形的情况下完成吗？

我正在帮助我姐姐将某人在 Flash 中为她所做的网站转换为 html。

他们在我试图通过@font-face在css文件中定义的flash中使用花哨的字体。我尝试在 Firefox、IE 和 chrome 中打开页面，但在任何地方都看不到正确的字体。

我使用的声明是：

http://judith.huinink.net/chilax/index.htm包含 html。

http://judith.huinink.net/chilax/chilax.css包含完整的 css。

我检查了我可以下载字体文件，但是当我在浏览器中打开页面时它根本不使用字体。我一定是忽略了什么。有人有什么建议吗？

更新： 看起来标头请求信息是罪魁祸首。如何更改请求标头的 max-age 属性？TIA。

嗨，我在一个网站上使用@font-face，我遇到了文本加载延迟（可能是由于每页都加载了字体）。我知道客户端必须下载一次字体才能正确显示，但是每一页？

有没有办法强制浏览器缓存该文件？还是有另一种方法可以加快字体的加载时间？（这是一个更适合在服务器故障上发布的问题吗？）

提前致谢。最坏的情况，我会忍受延迟，所以我不需要任何“起飞@font-face”的答案......;）

附加信息：

• 我已经在 Mac 和 Windows（XP 和 7）上的 Safari (4) 和 Firefox (3.5RC1) 中对此进行了测试
• 我测试过的所有浏览器目前都设置为允许缓存（默认开启）
• URL不是动态的，它只是“/fonts/font.otf”
• 字体 URL 是正确的，因为页面加载字体并正确显示它，尽管比正常速度慢

• 请求标头：

  Cache-Control:max-age=0
  If-Modified-Since:Wed, 24 Jun 2009 03:46:28 GMT
  If-None-Match:W/"484d9f2-a5ac-46d10ff2ebcc0"
  Referer: http://testurl.com /
  User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6; en-us) AppleWebKit/530.13 (KHTML, like Gecko) Version/4.0 Safari/530.15

• 响应标头：

  连接：Keep-Alive
  日期：Thu，2009 年 6 月 25 日 02:21:31 GMT
  Etag:"484d9f2-a5ac-46d10ff2ebcc0"
  Keep-Alive:timeout=10, max=29
  服务器：Apache/2.2.11 (Unix) mod_ssl/ 2.2.11 OpenSSL/0.9.8i DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635

我一直在尝试研究一种更安全的方法来实现 Cufón，它将实际字体数据存储在 MySQL 数据库中，必要时可以查询和返回，而不必将转换后的 .js 文件存储在服务器上（并破坏 EULA） .

这甚至可能吗？我仍处于测试的开始阶段。

我现在已经实现了这个解决方案，结合了@font-face 和 Cufón。 http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/

根据Apple 的文档，不推荐在 iPhone 版本的 Safari 上使用 @font-face。iPhone 仅包含11 种字体，AFAIK，而且，无论如何，我需要为我正在构建的应用程序提供一个不错的 blackletter 字体。我将生成随机文本，所以图像不是一个选项。我有什么选择？我是否坚持使用Cufón 之类的 JavaScript 解决方案？

我在 CSS 文件中引用了 OpenType 字体，但它似乎在 Firefox 3.5 中不起作用。它在 Safari 中完美运行。该字体被相对引用，并且托管在同一服务器上，但在另一个子目录中：

FF3.5 的@font-face 是否有其他人有任何问题？

是否可以在页面加载之前预加载或以其他方式缓存 @font-face 字体，最有可能是使用 javascript，这样当页面最终加载时，您就不会出现丑陋的跳转？

我知道 css3.0 在最新的 Opera、Safari 和 Firefox 浏览器中正确支持 Font-Face 标签，但 Internet Explorer 仍然需要 microsoft .eot 格式。

鉴于托管服务器可能不是 Windows，是否有可靠的方法从 .ttf 生成 eot 文件服务器端？

我需要整个过程自动化，提供一些背景知识，它是一个印刷产品网站，部分过程涉及设计师为可印刷产品构建模板和上传字体，其中一些具有可编辑区域，以 HTML 形式呈现给客户元素，但是如果不提供字体，就不可能提供编辑的准确实时预览。

Flash 和 Javascript 技术不起作用，因为文本位于文本区域或文本输入字段中，并且必须保持可编辑状态。

所以我需要一个 Font-Face 链接到兼容浏览器的 ttf 文件，以及 ie 的其他内容问题是，如何为 ie 自动化其他内容

谢谢

我搜索了很多试图找出如何在网页上嵌入字体的方法。据我了解，您应该以 .ttf 和 .eot 格式将字体上传到您的网页。并在样式表中使用@font-face。

我已将 Kingthings_Italique.eot 和 Kingthings_Italique.ttf 放在我网页的根目录中。

创建一个这样的样式表。

首先我这样称呼它

我试着像这样使用它

但无论我使用 ie8 还是 chrome2，字体都不会改变。

如果我理解http://randsco.com/?p=680&more=1&c=1正确应该是可能的

如果我在 ie8 中打开源代码，我应该能够看到字体名称吗？因为如果我通过 ie8 代码搜索 king 我什么也找不到

我想在 CKEditor 字体组合框中添加一种字体。这本身就很容易。但是，我要添加的字体是与 @font-face CSS3 属性一起使用的自定义字体。我设法做到了，但编辑器本身不显示自定义字体。如果我只使用 CKEditor 创建的 html 并将其显示在页面上的 div 中，自定义字体会很好地显示。我还想以某种方式将@font-face 属性添加到CKEditor 的文本区域，这样我的用户就可以在键入时看到自定义字体。

这可能吗？