问题标签 [typography]

不久前我开始阅读设计博客，似乎@font-face 在去年年底的某个时候变得非常流行，或者类似的东西，因为我的印象是它是网络的一个新兴功能。但后来我看到 Internet Explorer 从 IE4 开始就有了（经过一些转换）。

那么现在在网上看到@font-face 很常见吗？在我做这样的事情之前，我是否有关于可访问性、合法性或渲染的任何想法？我看到 Hulu.com 使用 Canvas 和名为“cufon”的 javascript 呈现字体。

所以我受委为一个网站，我正在努力改进我的代码。当处理具有多种字体的网站时（这里很大，那里很小，那里是粗体，这里是下划线等）是我们使用 h1-h6 的地方，还是我们保留那些时间有一个明确的层次结构，而不是<p class="xxx">为文本定义不同的类？

我刚刚在我的网站上设置了 Google Fonts API。Internet Explorer，每当我刷新页面时，默认字体都会在 Google 字体“Reenie Beanie”加载之前闪烁。但是，这不应该停留在缓存中或其他东西，以便一旦加载一次，它就在那里并且不再应该显示默认字体？

我正在使用 WebLoader 版本来调用字体。我最初只是使用对<link>字体的调用，但问题是切换到 https 页面 - 我必须使用 https 链接，但后来我认为这也阻止了字体缓存。Firefox 中的一切都很好（没有闪烁）。

对此有何建议？

www.n-styleid.com

查看以下屏幕截图： http: //www.jesserosenfield.com/beta/descenders.png

我的问题是降序（如屏幕截图中的“7”）数字与跨度的底部垂直对齐，而其他数字则更靠近中间垂直对齐。有没有办法“均衡”所有数字的垂直对齐，无论上升/下降如何？

谢谢！

编码：

和 CSS

我的 UI 草图需要这个实心圆圈字符。

我没有在我的 Mac 上的字符表中找到它。

我有两个网站使用相同的 @font-face 代码。字体文件托管在各自的站点上，并且路径正确。

一个有效，一个无效。（当然它适用于我的个人网站而不是客户！）

我真的很感激对此有一些新的看法！

它在哪里工作：

网站：http ://example.com/

CSS 文件：http: //365.example.com/index.php?css=photos/ style.v.1275845154

相关代码：

它不起作用的地方：

网站：http ://www.example.org/

CSS 文件：http ://www.example.org/wp-content/themes/theme/style.css

相关代码：

任何帮助将不胜感激！

当应用负字母间距时，我遇到了 Firefox 以不同于其他浏览器的方式呈现文本的问题：

这是在大多数浏览器中呈现的文本：http: //img707.imageshack.us/i/font2x.png/

这是在 Firefox 中呈现的文本：http: //img444.imageshack.us/i/font1.png/

编辑：它们是直接截图，图像是相同的分辨率。

有关如何解决此问题的任何想法？

有谁知道或在 .NET 项目中使用与 Typogrify ( http://code.google.com/p/typogrify /) 具有类似功能的库。Typogrify 是一个 Python/Django 库，我正在寻找一个可以在 .NET 项目中使用的等效库。

编辑：现在我只是在寻找 .NET 的任何排版处理库

我打算将几个 Lotus Forms 表单转换为网页。所以我检查了它用于字体大小的内容。它是pt，这让我认为它是重点。我尝试了相同的字体大小值，例如 Arial、Bold、7pt。但是，网页中的文本比 Lotus Forms 中的文本小。而且很容易聊天，不是需要放大镜的区别。

这导致了 Lotus Forms 和浏览器使用不同类型的点。我已经搜索并发现可能有不同的点。 http://www.cl.cam.ac.uk/~mgk25/metric-typo/ 那么Lotus Forms 的意义何在，浏览器的意义又是什么？

我有一个复杂的 js 函数，其中我实际上需要了解像素字体大小占用了多少空间。

我注意到某些字体的大小因字体而异。

字体的大小是如何计算的？如果它12px在css中设置为，是什么12px意思？这么12px宽吗？高的？或者它是对角线像素测量？