Fonts 从现有的单间距字体创建粗体版本,同时保持宽度

Fonts 从现有的单间距字体创建粗体版本,同时保持宽度,fonts,bold,monospace,Fonts,Bold,Monospace,我有一个网站,我在其中使用单空间字体。但是在不同的浏览器中,字符的宽度有很大的不同字体宽度必须保持完全相同。 我试过:font-weight:bold但这取决于浏览器,我无法使用负的字母间距值来弥补额外的宽度 我曾尝试在Type Light 3.2中创建自己的新衍生字体,但这非常困难,特别是对于曲线字符,很难更改 我曾尝试将文本翻倍,后面有一个绝对div,并设置一个2px的变化幅度,效果很好,但缺点是需要很多div,这使得IE7和IE8在使用大文本时速度非常慢 是否有其他方法(首选自动)从ttf

我有一个网站,我在其中使用单空间字体。但是在不同的浏览器中,字符的宽度有很大的不同字体宽度必须保持完全相同。

我试过:
font-weight:bold但这取决于浏览器,我无法使用负的
字母间距
值来弥补额外的宽度

我曾尝试在Type Light 3.2中创建自己的新衍生字体,但这非常困难,特别是对于曲线字符,很难更改

我曾尝试将文本翻倍,后面有一个绝对div,并设置一个2px的变化幅度,效果很好,但缺点是需要很多div,这使得IE7和IE8在使用大文本时速度非常慢

是否有其他方法(首选自动)从ttf/eot/woff/svg字体派生粗体字体?例如,我知道Java可以创建粗体字体,但我能否将其保存到新的字体文件中?任何方法都可以。你可以用CSS3做个小把戏:

文本阴影:-.5px0,0.5px,.5px0,0-.5px;
当然,这在旧IE上不起作用,但在那里您可以使用:

过滤器:发光(颜色:黑色,强度=1);
还要注意的是,在我测试的所有浏览器上,当使用内置的
字体系列:monospace
时,粗体字不会改变字符的宽度。因此,它可能不需要负的
字母间距

字体大小:粗体;
div{
字体系列:monospace;
}
.大胆的把戏{
过滤器:辉光(颜色:黑色,强度=1);
}
.css3粗体{
文本阴影:-.5px0,0.5px,.5px0,0-.5px;
}
.正常粗体{
字体大小:粗体;
}
你好,世界!(CSS3技巧)
你好,世界!(戏法)
你好,世界!(默认为粗体)

你好,世界!(普通文本)
除了鼓起文本的勇气之外,没有其他方法可以奏效吗?可能是不同的背景色或使用,例如#101010表示普通文本,而#000000表示强调?我也想到了这一点。即使使用#333333与#000000,与使用
font-weight:bold
相比,差异仍然很小。另一种解决方案可能是将文本与包含与SPAN中相同文本的DIV一起放入SPAN中。然后将DIV设置为绝对位置,并将其设置为左侧位置1或2像素。这非常好,结果正是所需要的。但是IE7和IE8的性能有一个巨大的缺陷。页面加载速度非常慢,浏览器GUI冻结了可数秒,因为有太多的DIV/span(大量文本)。我喜欢你使用文本阴影的想法,遗憾的是大多数用户代理还不支持CSS3。您正在使用的字体系列“Monospace”可能已经具有内置的粗体样式。不同的是,我使用了自己的字体。因此,浏览器必须生成粗体版本。还有不同的方法可以生成粗体字体(这很有趣,可以查一查)。但是不同的方法会导致不同的字体宽度。我的解决方案是使用字体创建程序创建自己的粗体版本,并将字体系列更改为粗体版本。拥有自己的monospace字体是否如此重要?对我来说,它们看起来都一样;如果问题是你的字体没有内置的粗体风格,也许你可以找到另一种有内置粗体风格的字体。对不起,对我来说这真的很难。不知怎的,我总是收到别人没有的案子。。。问题是
a
,我需要一种单间距字体,其中字符
a
的书写方式与您的书写方式相同,因此就像
d
一样,竖条不会太长,如果您理解的话。@Yeti但是它可以工作吗,使用
边框阴影
+
过滤器:辉光