个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
24
4
此测试图像显示了 Safari 与 Firefox(适用于 Mac OS X 10.6.7 的 Safari 5.0.5 和 Firefox 5.0.1)在文本框内的定位有多么不同。请注意 sans-serif 的“S”在 Firefox 而不是 Safari 中是如何对接到框顶部的。差异似乎因使用的字体而异，其中一些甚至始终如一地呈现。
我读过 people saying这是因为 font-size 和 line-height 之间的舍入问题(并通过设置比大小更小的高度来修复)，但我认为我的示例反驳了 sans - Firefox 中的 serif/helvetica 始终在框中顶部对齐。
在我看来，Safari 比 Firefox 更合适，即文本通常更靠近中间线。
有什么好的方法可以让它们更加一致吗？我的目标只是符合标准的浏览器。
vertical-align无关。我的测试代码:http://jsbin.com/omaboc
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
font-size: 50px;
line-height: 1em;
}
div {
background: #b5e260;
margin-bottom: 5px;
}
</style>
</head>
<body>
<div style="font-family: sans-serif">Some text @ this box</div>
<div style="font-family: serif">Some text @ this box</div>
<div style="font-family: arial">Some text @ this box</div>
<div style="font-family: helvetica">Some text @ this box</div>
<div style="font-family: courier">Some text @ this box</div>
<div style="font-family: georgia">Some text @ this box</div>
</body>
</html>
最佳答案
不幸的是，这个问题没有解决方案。几乎每个浏览器的文本呈现方式都不同，甚至在主要浏览器版本之间有时也会发生变化。在某些浏览器中，它由操作系统的特定字体渲染系统和设置决定。从一种字体渲染到另一种字体渲染一直存在并将永远存在权衡取舍，并且每一种都会随着不同类型硬件上的不同类型显示而改变。
抱歉，您将不得不忍受浏览器之间的非像素完美字体，直到单一浏览器、单一操作系统没有可用的显示设置选项、单一显示器类型和尺寸以及单一显卡。换句话说，只要您的站点支持多种设备、浏览器、显示器等，它就永远不会完美匹配像素。
(感谢您首先完成了自己的家庭作业和测试。您的问题在提出之前经过了充分的研究和思考。我希望在所有这些工作之后我们可以给您一个更好的答案。)
关于css - 框中字体字形的 WebKit 与 Mozilla 垂直对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6692565/
24
4
0
这是我第一次使用字形，但我知道它们是文本，并且可以像任何其他文本一样设置样式。这就是我对为什么我的字形图标没有改变颜色感到困惑的原因。 我希望它将颜色从黑色(默认)更改为白色。这是我的代码: HTML
JavaScript/CSS/web 中有没有办法检测系统是否具有某个 Unicode 字符的有效字形？ 例如，我想检测语言中的某个字符是否显示为方形框，因为用户没有显示这些 Unicode 点的字体
在编写继承自 TBitBtn 的自定义控件时，我正在寻找一种方法来覆盖或拦截仅绘制字形并自己绘制字形，而不必重绘整个控件。我广泛使用 VCL 样式，并希望避免重新创建所有绘图和样式 Hook 等。不幸
我正在使用tileserver-gl的Docker镜像来运行服务器(klokantech/tileserver-gl)。 我想像自己的Font Awesome(currently here avail
正如标题所说。我理解，使用复合字符和影响其他字符和连字的字符正确呈现所有 unicode 格式确实很困难。我们的字体似乎是为最大程度的 Unicode 符号支持而设计的(Symbola、Code200
我想将 Unicode 字形渲染为 jpg 格式。我应该更改 java 代码中每个 Unicode block 的字体吗？我试着不那样做，但没有用。但是，为每个 block 更改字体需要花费大量时间。
我有一个可以使用 Facebook 帐户登录的网站，我现在遇到的唯一问题是我无法在按钮中的文本前面从 Facebook 获取字形。在这里你可以看到代码。我也在用 Bootstrap， ';" clas
Twitter Bootstrap 使用字体文件中的图标。如果图标显示在偏离像素的元素中(例如，通过将父级设置为百分比宽度，如 51% 并将图标向右浮动)，则图标会变得模糊。 这里是手动设置位置为40
我试图根据 StatusLineId 更改我的字形图标，但没有出现任何字形图标。我做错了什么？ HTML 代码: Js函数 function statusIc
我有一个包含许多图标的 SVG 文件: Generated by Fontastic.me 这是我如何链接到 CSS: @font-face { font-family: "m
我在浏览器控制台中收到错误:: glyphicons-halflings-regular.woff2:1 Failed to load resource: the server responded w
几个小时以来，我一直在与 š 的字体样式作斗争。 我正在使用来自 google webfonts 的 webfont“open sans”并测试了 googles review 选项上的字素。一切都很
我需要使用一个看起来像挂锁的 unicode 字符。它用于表单下方的按钮，上面写着“CopyLink __”，上面有一个挂锁，表示当他们复制他们所在页面的链接时，将不会访问“copylink _”版本
你好，我是第一次尝试使用 bootstrap 字形图标，但它没有按我想要的方式工作。 我想要左右图标，所以我选择了 glyphicon-chevron-left 和 glyphicon-chevron
我正在开发一款教授日语的应用程序。问题是，系统使用的默认字体是使用字符的中文变体，而不是日文变体。例如，汉在中文字体中看起来与在日文字体中略有不同，即使它们是相同的 Unicode 代码点。如何指定我
我目前正在实现一个简单的 SVG 文本渲染器。我正在从 SVG 文件中提取我需要绘制的字符的路径信息。 这是存储在 JSON 对象中的字体/字符的所有适当信息: window.font =
当我将鼠标悬停在链接上时，我试图在链接的右侧显示 Bootstrap 字形图标。 我试过同时使用 CSS 和 JS，但它就是行不通。所以我需要一些帮助:) 这就是我想要做的:When i hoover
下面有ajax代码 $.ajax({ type: "POST", url: "shoppingcart_service.asmx/RegisterSub
我正在努力理解这些东西，以便我可以有效地在工作中实现项目的国际化。我刚刚开始，非常想从您的专业知识中了解我是否正确理解了这些概念。到目前为止，这是我从网上收集的内容的简化版本(据我所知): 字符编码
有什么方法可以更改 Eclipse 用于表示空白字符的符号吗？例如，我想将换行符“¶”自定义为更像 Notepad++ 样式“LF”。 我知道如何打开和关闭它们以及更改字体、透明度等。但我还没有找到任
我是一名优秀的程序员,十分优秀！