问题标签 [typography]

所以我有一个重新设计网站的布局，我一直在尝试弄清楚如何让左侧的图像与右侧的文本基线对齐。左侧的图像实际上是文本，因此需要与基线对齐，但节俭地用作标题，而不是作为@font-face 集成。即使我要使用@font-face，是否有任何建议如何让它们在 div 中对齐？非常感谢你的帮助！你可以在这里找到图片：http: //personal.justgooddesign.net/stuff/Home.jpg

在此主页示例中，我希望“关于我”与“我的名字是贾斯汀”的基线对齐。和“我的工作”以与“FALL BLOSSOM”保持一致，并且能够在其他页面上执行此操作，等等。

我想将 Vim 设置为自动关闭这对 ' 和 ' （弯引号）。

我尝试配置我能找到的所有五个插件（两个自动关闭、环绕、关闭对和分隔），但没有成功。我什至似乎根本无法重新映射 ' （使用:imap ‘ ‘’<left>或类似）。

我在 Arch Linux 上使用 Vim 7.3 和 uim 1.7.0 输入法；我通过 .XCompose 中定义的快捷方式插入 ' 和 '。重新映射对于我的其他撰写键快捷方式效果很好，例如¡！或者 ？。

webOS 在其 Web 浏览器中附带/支持哪些字体？

具体来说，您可以在网页样式表中指定哪些字体并在 webOS 设备上成功查看？

我不是在寻找“网络安全字体”列表。我正在寻找 webOS 的浏览器可以在其中呈现文本的字体列表。

我有 99% 的把握我没有在这里忽略某些东西。我已经完成了通常的重置，h 标签上没有边距或填充，line-height:100% 等等等。但是在 h 标签的上方和下方仍然有大约 2 或 3px 的填充。在大多数主要网站上都是一样的，所以我猜这是不可避免的吗？这似乎是一个没有实际意义的问题，但它稍微弄乱了我的对齐方式。

那么是否存在一些不可避免的问题，即无论您做什么，所有字体周围都有轻微的填充？

是否存在用于在 Google Docs 中布局文本的 JavaScript 布局引擎？我知道 Google Docs 做了一些疯狂的事情来让事情正常工作（完全避开类似designMode的contentEditable事情，Microsoft Office Online 也做了类似的事情）。

考虑到我有一个用于锚标记的 CSS 规则：

当然，通过查看浏览器中呈现的内容，我可以判断哪些字体已经被使用（应用）来格式化当前锚元素的文本。

但是，我需要通过 JavaScript（例如 jQuery）知道当前正在使用哪种字体。这个 jQuery 代码对我没有帮助：

因为它返回'Helvetica, Verdana, Calibri, Arial, sans-serif;'。有没有办法知道现在正在使用哪种字体？

更新：根据@MC 的回答，我创建了这个小提琴，你可以检查它是否工作得很好。

我正在尝试构建具有一致垂直节奏（对齐基线）的 2 列布局。对此的计算非常简单，我让它们运行良好。我的问题是这样的：

当两列文本并排放置时，当列中的垂直边距不是“整行”时，是否可以保持（或恢复）垂直节奏。

在此示例中：http: //jsfiddle.net/beejamin/PMCXt/我有一个无序列表，其中列表和列表项都有“半行”的边距底部。当列表项为偶数时，边距加起来为一整行，并保持节奏（这很好！）。但是，当有奇数时，基线将被丢弃，并且永远无法再次加入（除非我很幸运并且出现了另一个奇数列表）。

在列表项上设置整行边距太多（特别是对于长列表），并且不设置边距是不够的。

有什么办法可以避免/减轻这种情况吗？我不会提前知道行数，也不想为此使用javascript（我正在尝试构建一个可以重复使用的通用方案）。

我想为网站尝试一些装饰性字体，例如这个（仅作为示例）：

http://www.dafont.com/nymphette.font

像往常一样，对于网络，必须验证字体和许可的格式兼容性 - 没问题。这个问题是关于在没有副作用的页面中正确集成的。正如您在字符表中看到的，装饰被映射到常规字符——例如“A”。假设我想使用映射到 A 的装饰；如果网页是在不支持外部字体的浏览器上使用的，当字体还没有下载时，装饰会呈现为“A”，这很混乱；具有可访问性支持的浏览器可能会大声说出这封信，等等......

如何避免这种情况？

谢谢。

PS 当然，使用简单的图像装饰看起来更简单。我的问题与解决问题无关，而是尝试使用这种方法并了解其可行性。

** 更新：我澄清我知道如何在 CSS 中嵌入字体，并且我已经在使用 Google 的一些“常规”（字母）字体。字母字体和装饰字体之间的区别在于，显然您使用前者对可读文本进行编码；您可以通过指定“衬线”等后备来最大程度地减少加载过程中的不便......使用装饰字体，您正在使用字符来表示图形，因此我对此表示怀疑。

在 HTML/CSS 中使用排版时的一个常见问题是我们在瑞典语中称之为“horunge”（英语中的“寡妇”）。

这是什么：

假设你有一个宽度为 200 像素的盒子，上面写着“我非常喜欢排版”。现在文本中断并变为：

我非常喜欢排版

作为一名设计师，我不想要一个词混蛋（单个词/行）。如果这是一个文档/PDF等。我会在非常之前打破这个词，看起来像这样：

我非常喜欢排版

看起来好多了。

我可以用 CSS 规则或 javascript 解决这个问题吗？规则应该是永远不要让一个词在一行上空着。

我知道它可以通过添加一个来解决，<br />但这不是一个适用于动态宽度、提要内容、不同翻译、浏览器字体渲染问题等的解决方案。

更新（解决方案） 我用这个 jquery 插件解决了我的问题：http: //matthewlein.com/widowfix/

如果您查看页面http://aurorasvoice.org/index.php?option=com_content&view=article&id=37&Itemid=4，您会看到一个大表，其中包含包含照片和传记的数据行。我在 td 部分使用了 valign="top" 以便它们可以在每一行的顶部对齐，但看起来照片比 bio 高一点。有什么帮助吗？也许是风格设置？

谢谢！